{"id":14070605,"url":"https://github.com/googlemaps/js-markerwithlabel","last_synced_at":"2025-06-22T03:42:01.239Z","repository":{"id":37413488,"uuid":"302460038","full_name":"googlemaps/js-markerwithlabel","owner":"googlemaps","description":"Google Maps Marker with Label","archived":false,"fork":false,"pushed_at":"2025-03-28T22:17:41.000Z","size":4928,"stargazers_count":80,"open_issues_count":17,"forks_count":20,"subscribers_count":17,"default_branch":"main","last_synced_at":"2025-05-16T12:08:53.119Z","etag":null,"topics":["google-maps","googlemaps","javascript","marker","utility-library"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/googlemaps.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-10-08T20:56:30.000Z","updated_at":"2025-04-04T04:10:30.000Z","dependencies_parsed_at":"2023-12-25T12:29:18.234Z","dependency_job_id":"748574f4-9ace-4a49-8d36-b007e94597b7","html_url":"https://github.com/googlemaps/js-markerwithlabel","commit_stats":{"total_commits":760,"total_committers":8,"mean_commits":95.0,"dds":"0.14473684210526316","last_synced_commit":"0860dd1cb9e84dc2db7dc06f6030a8d50b2d50fb"},"previous_names":[],"tags_count":54,"template":false,"template_full_name":null,"purl":"pkg:github/googlemaps/js-markerwithlabel","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps%2Fjs-markerwithlabel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps%2Fjs-markerwithlabel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps%2Fjs-markerwithlabel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps%2Fjs-markerwithlabel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/googlemaps","download_url":"https://codeload.github.com/googlemaps/js-markerwithlabel/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps%2Fjs-markerwithlabel/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260800535,"owners_count":23065383,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["google-maps","googlemaps","javascript","marker","utility-library"],"created_at":"2024-08-13T07:07:55.740Z","updated_at":"2025-06-22T03:41:56.207Z","avatar_url":"https://github.com/googlemaps.png","language":"TypeScript","readme":"# Google Maps JavaScript MarkerWithLabel\n\n[![npm](https://img.shields.io/npm/v/@googlemaps/markerwithlabel)](https://www.npmjs.com/package/@googlemaps/markerwithlabel)\n![Build](https://github.com/googlemaps/js-markerwithlabel/workflows/Test/badge.svg)\n![Release](https://github.com/googlemaps/js-markerwithlabel/workflows/Release/badge.svg)\n[![codecov](https://codecov.io/gh/googlemaps/js-markerwithlabel/branch/main/graph/badge.svg)](https://codecov.io/gh/googlemaps/js-markerwithlabel)\n![GitHub contributors](https://img.shields.io/github/contributors/googlemaps/js-markerwithlabel?color=green)\n[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)\n[![](https://github.com/jpoehnelt/in-solidarity-bot/raw/main/static//badge-flat.png)](https://github.com/apps/in-solidarity)\n[![Discord](https://img.shields.io/discord/676948200904589322?color=6A7EC2\u0026logo=discord\u0026logoColor=ffffff)](https://discord.gg/jRteCzP)\n\n## Description\n\nThe library provides Markers with labels for Google Maps Platform.\n\n\u003e **Note**: This library is the nearly the same interface as the existing library `@google/markerwithlabel`, but renamed and in its own repository. All future development will continue here.\n\n\u003e **Note**: There are some breaking changes from `@google/markerwithlabel` including anchor position. This should be considered a major version bump!\n\n## Install\n\nAvailable via npm as the package [@googlemaps/markerwithlabel](https://www.npmjs.com/package/@googlemaps/markerwithlabel).\n\n`npm i @googlemaps/markerwithlabel`\n\nor\n\n`yarn add @googlemaps/markerwithlabel`\n\nAlternatively you may add the umd package directly to the html document using the unpkg link.\n\n`\u003cscript src=\"https://unpkg.com/@googlemaps/markerwithlabel/dist/index.min.js\"\u003e\u003c/script\u003e`\n\nWhen adding via unpkg, the marker with labels can be accessed at `new markerWithLabel.MarkerWithLabel()`.\n\nA version can be specified by using `https://unpkg.com/@googlemaps/markerwithlabel@VERSION/dist/...`.\n\n## Documentation\n\nThe reference documentation can be found at this [link](https://googlemaps.github.io/js-markerwithlabel/index.html).\n\n## Example\n\n```js\nimport { MarkerWithLabel } from '@googlemaps/markerwithlabel';\n\nnew MarkerWithLabel({\n    position: new google.maps.LatLng(49.475, -123.84),\n    clickable: true,\n    draggable: true,\n    map: map,\n    labelContent: \"foo\", // can also be HTMLElement\n    labelAnchor: new google.maps.Point(-21, 3),\n    labelClass: \"labels\", // the CSS class for the label\n    labelStyle: { opacity: 1.0 },\n})\n```\n\nView the package in action:\n\n- [Basic Example](https://googlemaps.github.io/js-markerwithlabel/examples/basic.html)\n- [Events Example](https://googlemaps.github.io/js-markerwithlabel/examples/events.html)\n- [Lettered Example](https://googlemaps.github.io/js-markerwithlabel/examples/lettered.html)\n- [Picture Example](https://googlemaps.github.io/js-markerwithlabel/examples/picturelabel.html)\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgooglemaps%2Fjs-markerwithlabel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgooglemaps%2Fjs-markerwithlabel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgooglemaps%2Fjs-markerwithlabel/lists"}