add Gaode, Baidu and Tencent; resolves the issue where some devices are unable to recognize map apps

Author: atypiape

.github/workflows/nodejs.yml

@@ -0,0 +1,24 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://docs.github.com/zh/actions/publishing-packages/publishing-nodejs-packages
+name: npm-publish
+on:
+  push:
+    branches:
+      - master # Change this to your default branch
+jobs:
+  npm-publish:
+    name: npm-publish
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: 'https://registry.npmjs.org/'
+          cache: yarn
+      - run: yarn install
+      - run: yarn run build
+      - run: npm publish
+        env: # More info about the environment variables in the README
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}} # You need to set this in your repo settings
+  

.gitignore

@@ -10,3 +10,6 @@ example/yarn.lock
 
 # ts outDir
 lib/
+
+.yarn/install-state.gz
+.yarnrc.yml

README.md

@@ -1,17 +1,31 @@
-![React Native Map Link](https://lowcdn.com/2x/8f2/3ab63c0fe3f9-00fb302c20/banner.svg)
+# react-native-map-link-x
+
+<div style="display: none">
+[![GitHub release](https://img.shields.io/npm/v/react-native-map-link-x.svg)](https://www.npmjs.com/package/react-native-map-link-x)
+[![npm](https://img.shields.io/npm/dm/react-native-map-link-x.svg)](https://www.npmjs.com/package/react-native-map-link-x)
+[![GitHub license](https://img.shields.io/github/license/flexible-agency/react-native-map-link-x.svg)](https://github.com/flexible-agency/react-native-map-link-x/blob/master/LICENSE)
 
-[![GitHub release](https://img.shields.io/npm/v/react-native-map-link.svg)](https://www.npmjs.com/package/react-native-map-link)
-[![npm](https://img.shields.io/npm/dm/react-native-map-link.svg)](https://www.npmjs.com/package/react-native-map-link)
-[![GitHub license](https://img.shields.io/github/license/flexible-agency/react-native-map-link.svg)](https://github.com/flexible-agency/react-native-map-link/blob/master/LICENSE)
 
 ---
+</div>
 
 An easy way to open a location in a map app of the user's choice, based on the apps they have installed
-on their device. The app supports Apple Maps, Google Maps, Citymapper, Uber, and a dozen other apps.
+on their device. The app supports Apple Maps, Google Maps, Citymapper, Uber and a dozen other apps.
+
+This is fork from [react-native-map-link](https://github.com/christopherdro/react-native-map-link). Based on the original library, it adds support for `Gaode Maps`, `Baidu Maps`, and `Tencent Maps`. Additionally, it resolves the issue where some devices, are unable to recognize map apps, such as Huawei.
+
+---
+
+根据用户设备中已安装的地图应用，提供一种便捷方式，打开用户所选的定位导航。支持苹果地图、谷歌地图、优步，以及其他国外主流地图应用。
+
+本库 Fork 自 [react-native-map-link](https://github.com/christopherdro/react-native-map-link)，在原库的基础上，添加对`高德地图`、`百度地图`、`腾讯地图`的支持。另外，解决部分 Android 设备无法识别地图应用的问题，如华为手机等。
 
 <details>
 <summary><strong>Full list of supported apps</strong></summary>
 
+- Gaode Maps – `amap`
+- Baidu Maps – `baidumap`
+- Tencent Maps – `qqmap`
 - Apple Maps – `apple-maps`
 - Google Maps – `google-maps`
 - Citymapper – `citymapper`
@@ -39,22 +53,31 @@ on their device. The app supports Apple Maps, Google Maps, Citymapper, Uber, and
 </details>
 
 <br /><p align="center">
-<img src="./docs/example.png" alt="Example screenshot" width="320" />
-
+<img src="./docs/example.png" alt="Example screenshot" width="240" />
+<img src="./docs/example-zh0.png" alt="Example screenshot" width="240" />
+<img src="./docs/example-zh1.png" alt="Example screenshot" width="240" />
+<img src="./docs/example-zh2.png" alt="Example screenshot" width="240" />
 </p>
 
 ## Installation
 
 ### 1. Install the package
 
 ```shell
-npm i -S react-native-map-link      # or yarn add react-native-map-link
+npm i -S react-native-map-link-x
+# or
+yarn add react-native-map-link-x
 ```
 
 ### 2. Post-install steps
 
 Based on the platforms your app supports, you also need to:
 
+**注意：**
+- 切记更新 iOS 和 Android 配置，否则将无法调起地图应用；
+- 仅在中国使用的话，可以剔除大部分国外地图应用，保留 `iosamap`、`androidmap`、`baidumap`、`qqmap`；
+- 繁体中文地区，支持显示繁体，但未经过实地测试，欢迎参与测试。
+
 <details id="iOSPostInstall">
 <summary><strong>iOS – Update Info.plist</strong></summary>
 
@@ -65,6 +88,10 @@ Just add this in your `Info.plist` depending on which apps you'd like to support
 ```xml
 <key>LSApplicationQueriesSchemes</key>
 <array>
+    <string>iosamap</string>
+    <string>androidamap</string>
+    <string>baidumap</string>
+    <string>qqmap</string>
     <string>comgooglemaps</string>
     <string>citymapper</string>
     <string>uber</string>
@@ -114,6 +141,19 @@ You can do so by coping the `<queries>` statement below, and pasting it in the t
     <action android:name="android.intent.action.VIEW" />
     <data android:scheme="geo" />
   </intent>
+  <intent>
+    <action android:name="android.intent.action.VIEW" />
+    <data android:scheme="androidamap"/>
+  </intent>
+  <intent>
+    <action android:name="android.intent.action.VIEW" />
+    <data android:scheme="baidumap"/>
+    <data android:host="map"/>
+  </intent>
+  <intent>
+    <action android:name="android.intent.action.VIEW" />
+    <data android:scheme="qqmap"/>
+  </intent>
   <intent>
     <action android:name="android.intent.action.VIEW" />
     <data android:scheme="google.navigation" />
@@ -229,7 +269,7 @@ More info [here](https://stackoverflow.com/a/67383641/1129689).
 ## Simple example
 
 ```js
-import {showLocation} from 'react-native-map-link';
+import { showLocation } from 'react-native-map-link-x';
 
 showLocation({
   latitude: 38.8976763,
@@ -238,12 +278,66 @@ showLocation({
 });
 ```
 
+## Chinese example
+
+使用默认组件显示地图应用列表：
+
+```js
+import { showLocation } from 'react-native-map-link-x';
+
+// 弹出默认地图应用列表
+showLocation({
+  latitude: 24.436048,
+  longitude: 118.088061,
+  title: '世贸海峡大厦',
+  address: '厦门市思明区演武西路180-188号',
+  dialogTitle: '在地图中打开',
+  dialogMessage: '请选择您想要打开的地图',
+  cancelText: '取消',
+  appsWhiteList: ['apple-maps', 'amap', 'baidumap', 'qqmap'],
+});
+```
+使用第三方 ActionSheet 组件显示地图应用列表：
+
+```js
+import { getApps } from 'react-native-map-link-x';
+// 引入第三方 ActionSheet 组件
+import { useActionSheet } from '@expo/react-native-action-sheet';
+
+...
+
+const { showActionSheetWithOptions } = useActionSheet();
+
+// 获取可用的地图应用列表
+const apps = await getApps({
+  latitude: 24.436048,
+  longitude: 118.088061,
+  title: '世贸海峡大厦',
+  address: '厦门市思明区演武西路180-188号',
+  dialogTitle: '在地图中打开',
+  dialogMessage: '请选择您想要打开的地图',
+  cancelText: '取消',
+  appsWhiteList: ['apple-maps', 'amap', 'baidumap', 'qqmap'],
+});
+
+// 通过第三方 ActionSheet 组件显示地图应用列表
+showActionSheetWithOptions({
+  options: apps.map((app) => app.name).push('取消'),
+}, {
+  onPress: (index) => {
+    const app = apps[index];
+    app?.open();
+  }
+});
+```
+
+
 ## Full usage
 
 Using the `showLocation` function will shown an action sheet on iOS and an alert on Android, without any custom styling:
 
 ```js
-import {showLocation} from 'react-native-map-link';
+import { showLocation } from 'react-native-map-link-x';
 
 showLocation({
   latitude: 38.8976763,
@@ -257,7 +351,7 @@ showLocation({
   dialogTitle: 'This is the dialog Title', // optional (default: 'Open in Maps')
   dialogMessage: 'This is the amazing dialog Message', // optional (default: 'What app would you like to use?')
   cancelText: 'This is the cancel button text', // optional (default: 'Cancel')
-  appsWhiteList: ['google-maps'], // optionally you can set which apps to show (default: will show all supported apps installed on device)
+  appsWhiteList: ['amap', 'baidumap', 'qqmap'], // optionally you can set which apps to show (default: will show all supported apps installed on device)
   naverCallerName: 'com.example.myapp', // to link into Naver Map You should provide your appname which is the bundle ID in iOS and applicationId in android.
   appTitles: {'google-maps': 'My custom Google Maps title'}, // optionally you can override default app titles
   app: 'uber', // optionally specify specific app to use
@@ -268,7 +362,7 @@ showLocation({
 Alternatively you can specify the `address` field and leave the latitude and longitude properties as empty strings 
 
 ```js
-import {showLocation} from 'react-native-map-link';
+import { showLocation } from 'react-native-map-link-x';
 
 showLocation({
   address: '1600 Pennsylvania Avenue NW, Washington, DC 20500', // Required if replacing latitude and longitude
@@ -297,7 +391,7 @@ type GetAppResult = {
 ```
 
 ```tsx
-import {getApps, GetAppResult} from 'react-native-map-link';
+import { getApps, GetAppResult } from 'react-native-map-link-x';
 
 const Demo = () => {
   const [availableApps, setAvailableApps] = useState<GetAppResult[]>([]);

android/.gitignore

@@ -0,0 +1 @@
+/build

android/.gradle/config.properties

@@ -0,0 +1,2 @@
+#Fri Sep 13 09:41:02 CST 2024
+java.home=/Applications/Android Studio.app/Contents/jbr/Contents/Home

android/build.gradle

@@ -0,0 +1,41 @@
+apply plugin: 'com.android.library'
+
+def safeExtGet(prop, fallback) {
+    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
+}
+
+android {
+    compileSdkVersion safeExtGet('compileSdkVersion', 28)
+    buildToolsVersion safeExtGet('buildToolsVersion', '28.0.3')
+
+    defaultConfig {
+        minSdkVersion safeExtGet('minSdkVersion', 16)
+        targetSdkVersion safeExtGet('targetSdkVersion', 22)
+        versionCode 1
+        versionName "1.0"
+    }
+
+    lintOptions {
+        abortOnError false
+    }
+}
+
+repositories {
+    maven {
+        // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
+        // Matches the RN Hello World template
+        // https://github.com/facebook/react-native/blob/1e8f3b11027fe0a7514b4fc97d0798d3c64bc895/local-cli/templates/HelloWorld/android/build.gradle#L21
+        url "$projectDir/../node_modules/react-native/android"
+    }
+    mavenCentral()
+    mavenLocal()
+    google()
+    jcenter()
+
+}
+
+dependencies {
+    implementation 'com.facebook.react:react-native:+'
+    implementation 'androidx.appcompat:appcompat:1.2.0'
+    implementation 'com.google.android.material:material:1.2.1'
+}

android/local.properties

@@ -0,0 +1,8 @@
+## This file must *NOT* be checked into Version Control Systems,
+# as it contains information specific to your local configuration.
+#
+# Location of the SDK. This is only used by Gradle.
+# For customization when using a Version Control System, please read the
+# header note.
+#Fri Sep 13 09:41:02 CST 2024
+sdk.dir=/Users/atypiape/Library/Android/sdk

android/src/main/AndroidManifest.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.svame.rn.maplink">
+
+</manifest>

android/src/main/java/com/svame/rn/maplink/RNMapLink.java

@@ -0,0 +1,39 @@
+package com.svame.rn.maplink;
+
+import android.content.pm.PackageManager;
+import android.text.TextUtils;
+
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+
+public class RNMapLink extends ReactContextBaseJavaModule {
+    private final ReactApplicationContext reactContext;
+    
+    public RNMapLink(ReactApplicationContext reactContext) {
+        super(reactContext);
+        this.reactContext = reactContext;
+    }
+
+    @Override
+    public String getName() {
+        return "RNMapLink";
+    }
+
+    @ReactMethod
+    public void isApkInstalled(String packageName, Promise promise) {
+        if (TextUtils.isEmpty(packageName)) {
+            promise.resolve(false);
+            return;
+        }
+
+        try {
+            reactContext.getPackageManager().getPackageInfo(packageName, 0);
+            promise.resolve(true);
+        } catch (PackageManager.NameNotFoundException e) {
+            promise.resolve(false);
+        }
+    }
+}

android/src/main/java/com/svame/rn/maplink/RNMapLinkPackage.java

@@ -0,0 +1,25 @@
+package com.svame.rn.maplink;
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.List;
+
+public class RNMapLinkPackage implements ReactPackage {
+    @Override
+    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
+        List<NativeModule> modules = new ArrayList<>();
+
+        modules.add(new RNMapLink(reactContext));
+
+        return modules;
+    }
+
+    @Override
+    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
+        return Collections.emptyList();
+    }
+}