{"id":24287948,"url":"https://github.com/cedarstudios/cedarmaps-react-sdk","last_synced_at":"2025-09-25T10:30:37.152Z","repository":{"id":45432153,"uuid":"168345110","full_name":"cedarstudios/cedarmaps-react-sdk","owner":"cedarstudios","description":"Interactive, thoroughly customizable maps in React applications, powered by vector tiles.","archived":false,"fork":false,"pushed_at":"2021-12-14T10:54:03.000Z","size":249,"stargazers_count":3,"open_issues_count":1,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-09T10:27:32.196Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://cedarmaps.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cedarstudios.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-30T13:11:00.000Z","updated_at":"2024-01-31T10:29:45.000Z","dependencies_parsed_at":"2022-09-22T23:23:18.223Z","dependency_job_id":null,"html_url":"https://github.com/cedarstudios/cedarmaps-react-sdk","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedarstudios%2Fcedarmaps-react-sdk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedarstudios%2Fcedarmaps-react-sdk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedarstudios%2Fcedarmaps-react-sdk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedarstudios%2Fcedarmaps-react-sdk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cedarstudios","download_url":"https://codeload.github.com/cedarstudios/cedarmaps-react-sdk/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234177591,"owners_count":18791618,"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":[],"created_at":"2025-01-16T09:24:32.928Z","updated_at":"2025-09-25T10:30:31.811Z","avatar_url":"https://github.com/cedarstudios.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"https://www.cedarmaps.com\"\u003e\n  \u003cimg src=\"http://api.cedarmaps.com/docs/img/cedarmaps-api.png\" width=\"500\"/\u003e\n\u003c/a\u003e\n\n# CedarMaps SDK for React\n\n## What is CedarMaps?\n\nCedarMaps is the location data platform for mobile and web applications. We provide [building blocks](https://www.cedarmaps.com) to add location features like maps, search, and navigation into any experience you create. Use our simple and powerful APIs \u0026 SDKs and our open source libraries for interactivity and control.\n\n## Sign up for CedarMaps\n\nNot a CedarMaps user yet? [Sign up for an account here](https://www.cedarmaps.com/#demo). Once you’re signed in, all you need to start building is a CedarMaps access token.\n\n---\n\nThis guide will take you through the process of integrating CedarMaps into your React application.\n\nThis package is a wrapper over [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl) library.\n\n## Table of Contents\n- [Installation](#installation)\n- [Rendering Component](#rendering-component)\n    - [Adding Markers](#adding-markers)\n- [Example](#example)\n\n## Installation\n\n**Npm**\n```\nnpm install @cedarstudios/react-cedarmaps --save\n```\n\n**Yarn**\n```\nyarn add @cedarstudios/react-cedarmaps\n```\n\n## Rendering Component\n\n```js\nimport CedarMaps from '@cedarstudios/react-cedarmaps'\n```\n\n```js\nrender() {\n  return {\n    \u003cCedarMaps\n        containerStyle={{\n          height: '100vh',\n          width: '100%'\n        }}\n        token='YOUR ACCESS TOKEN'\n        center={[ 51.34379364705882,  35.74109568627451]}\n      \u003e\n    \u003c/CedarMaps\u003e\n  }\n}\n```\n\n### Adding Markers\n\nGet `ReactMapboxGl` object and start adding Markers, Polylines or other controls. \n\n```js\nconst {RotationControl, ZoomControl, ScaleControl} = CedarMaps.getReactMapboxGl()\n return (\n      \u003cCedarMaps\n        containerStyle={{\n          height: '100vh',\n          width: '100%'\n        }}\n        token='YOUR ACCESS TOKEN'\n        preserveDrawingBuffer={false}\n        center={[ 51.34379364705882,  35.74109568627451]}\n      \u003e\n        \u003cRotationControl/\u003e\n        \u003cZoomControl/\u003e\n        \u003cScaleControl/\u003e\n      \u003c/CedarMaps\u003e\n    )\n```\n\nYou can read more about `ReactMapboxGl` in [Mapbox Documentation](https://github.com/alex3165/react-mapbox-gl/blob/master/docs/API.md)\n\n\n## Example\n\nYou can consult [this example](https://github.com/cedarstudios/cedarmaps-react-sdk/tree/master/example) for getting acquainted with our package.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcedarstudios%2Fcedarmaps-react-sdk","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcedarstudios%2Fcedarmaps-react-sdk","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcedarstudios%2Fcedarmaps-react-sdk/lists"}