{"id":15294006,"url":"https://github.com/metamediatechnology/longdo-map-react-native","last_synced_at":"2025-04-13T14:11:50.139Z","repository":{"id":37966315,"uuid":"377115946","full_name":"MetamediaTechnology/longdo-map-react-native","owner":"MetamediaTechnology","description":"Longdo Map component for React Native","archived":false,"fork":false,"pushed_at":"2022-11-29T03:18:01.000Z","size":791,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-04-12T02:08:42.737Z","etag":null,"topics":["longdo","map","react-native"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/MetamediaTechnology.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-15T09:59:28.000Z","updated_at":"2023-10-03T03:53:48.000Z","dependencies_parsed_at":"2023-01-21T14:01:57.709Z","dependency_job_id":null,"html_url":"https://github.com/MetamediaTechnology/longdo-map-react-native","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/MetamediaTechnology%2Flongdo-map-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MetamediaTechnology%2Flongdo-map-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MetamediaTechnology%2Flongdo-map-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MetamediaTechnology%2Flongdo-map-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MetamediaTechnology","download_url":"https://codeload.github.com/MetamediaTechnology/longdo-map-react-native/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248724629,"owners_count":21151561,"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":["longdo","map","react-native"],"created_at":"2024-09-30T16:54:46.496Z","updated_at":"2025-04-13T14:11:50.117Z","avatar_url":"https://github.com/MetamediaTechnology.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Longdo Map Component for React Native \n![npm](https://img.shields.io/npm/v/longdo-map-react-native)\n![npm](https://img.shields.io/npm/dt/longdo-map-react-native)\n![npm](https://img.shields.io/npm/l/longdo-map-react-native)\n- [Setting Up (Expo)](#setting-up-expo)\n- [Setting Up (Native)](#setting-up-native)\n- [Getting Started](#getting-started)\n- [Documentation](#documentation)\n- [Version](#version)\n## Setting Up (Expo)\nInstall \u0026 init project\n```\nnpm install -g expo-cli\nexpo init \u003cproject name\u003e\ncd \u003cproject name\u003e\nexpo install react-native-webview\nnpm install longdo-map-react-native\n```\n### Config babel.config.js\n```\n    presets: [\n      'babel-preset-expo',\n      ['@babel/preset-env', { \"targets\": \"iOS \u003e= 11, Android \u003e= 56\" }],\n    ],\n```\n### Config app.json\n```\n    \"ios\": {\n      \"bundleIdentifier\": \"BUNDLE_ID\",\n...\n    \"android\": {\n      \"package\": \"PACKAGE_NAME\",\n```\nThen, Register BUNDLE_ID, PACKAGE_NAME at https://map.longdo.com/api to obtain API_KEY\n\n## Setting Up (Native)\nFollow [React Native CLI Quickstart](https://reactnative.dev/docs/environment-setup) instruction and run\n```\nnpm install react-native-webview longdo-map-react-native\nnpm install -D @babel/preset-env\n```\n### Config babel.config.js\n```\n  presets: [\n    'module:metro-react-native-babel-preset',\n    ['@babel/preset-env', { \"targets\": \"iOS \u003e= 11, Android \u003e= 56\" }],\n  ],\n```\n### From app.json\n```\n  \"name\": PROJECT_NAME,\n```\nRegister PROJECT_NAME at https://map.longdo.com/api to obtain API_KEY\n## Getting Started\n### Add MapView in App.js\n```\nimport Longdo from 'longdo-map-react-native';\n```\nIn main App function\n```\nLongdo.apiKey = 'API_KEY';\n```\n\u003e If module fail to auto-detect app's bundle ID, add `Longdo.bundleId = 'REGISTERED_ID';`\n\nUnder root View\n```\n\u003cLongdo.MapView /\u003e\n```\nIn StyleSheet\n```\nalignItems: 'stretch'\n```\nFor complete file, see [example/App.js](example/App.js)\n### Run in Simulator  \n```\nnpm run ios\nnpm run android\n```\nFollow this [instruction](https://medium.com/@davidjasonharding/developing-a-react-native-app-on-an-m1-mac-without-rosetta-29fcc7314d70) to run on Mac M1\n## Documentation\n- [Reference 3.x](https://github.com/MetamediaTechnology/longdo-map-react-native/wiki/)\n- [Reference 1.x](https://api.longdo.com/map/doc/react-native.php)\n- [JavaScript documentation](https://map.longdo.com/docs/)\n## Version\n- 3.x: Vector map GL backend\n- 1.x: Raster map backend","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmetamediatechnology%2Flongdo-map-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmetamediatechnology%2Flongdo-map-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmetamediatechnology%2Flongdo-map-react-native/lists"}