更新记录

1.0.3（2024-04-30）

1.修改Google map key 配置错误的问题

1.0.2（2024-04-26）

1.修改文件名

1.0.1（2024-04-24）

点聚合功能：打点、气泡点击、自定义marker

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

google map 插件使用说明

访问Google 地图需要连接vpn

插件使用说明：

本插件是component插件。在manifest.json中的App原生插件配置中添加该插件，然后填写android_map_key、android_app_id（uniapp项目的appid）、

• Google Map Key的申请可以参考:https://developers.google.com/maps/documentation/embed/get-api-key

• 插件名：XYGoogleMap 方法：

  1. 回调：
• clickMarkerWindow：气泡点击
• onMapReady：地图加载完成
  2. API：
• addMarker：增加marker
• clearMarker：清除所有marker
• moveToCenter：将地图中心位置移动到某个点 具体使用，见示例：

  
  <template>
  <view class="content">
      <XYGoogleMap ref="googleMap" class="map"  :style="{ height: height + 'px' }" 
          @clickMarkerWindow="clickMarkerWindow" @onMapReady="onMapReady"></XYGoogleMap>
      <button  @click="addClusterMarker"><text>addClusterMarker</text></button>
      <button  @click="addMarker"><text>addMarker</text></button>
      <button  @click="clearMarker"><text>clearMarker</text></button>
      <button  @click="moveToCenter"><text>moveToCenter</text></button>
  </view>
  </template>

```javascript
<script>
    export default {
        data() {
            return {
                title: 'Hello uniplugin',
                markers: [],
                height:600,
            }
        },
        onLoad() {
            this.height = uni.getSystemInfoSync().windowHeight - 176;

        },
        onReady() {},
        methods: {
            onMapReady(e){
                // console.log('onMapReady----uniapp',e)
                uni.showToast({
                    title:"地图加载完成",
                    icon:"none"
                })
                this.$refs.googleMap.moveToCenter({"latitude":39.648649,"longitude":119.206473});
            },
            moveToCenter(){
                uni.getLocation({
                    type: 'wgs84',
                    success :(res) =>{
                        this.$refs.googleMap.moveToCenter({
                            longitude:res.longitude,
                            latitude:res.latitude,

                        });

                    }
                }); 
            },
            addClusterMarker() {
                console.log('addMarker----uniapp')
                let lat = 51.5145160;
                let lng = -0.1270060;
                let markers = []
                for (let i = 0; i < 10; i++) {
                    let offset = i / 60;
                    lat = lat + offset;
                    lng = lng + offset;
                    markers.push({
                        id:(i+1) + "",//
                        longitude: lng+"",
                        latitude: lat+"",
                        title: "joinCluster Title " + i,
                        snippet: "joinCluster Snippet " + i,
                        iconPath:"/static/marker.png",
                        joinCluster: true
                    })
                }
                this.$refs.googleMap.addMarker(markers);
            },
            addMarker() {
                let lat = 52.5245160;
                let lng = -0.1370060;
                let markers = []
                for (let i = 0; i < 10; i++) {
                    let offset = i / 60;
                    lat = lat + offset;
                    lng = lng + offset;
                    markers.push({
                        id:i + "1",
                        longitude: lng+"",
                        latitude: lat+"",
                        title: "Title " + i,
                        snippet: "Snippet " + i,
                        width:50,
                        height:50,
                        iconPath:"/static/marker.png",
                        joinCluster: false
                    })
                }

                this.$refs.googleMap.addMarker(markers);
            },
            clearMarker(){
                this.$refs.googleMap.clearMarker();
            },
            clickMarkerWindow(e) {

            }
        }
    }
</script>

注意： 以上是在nvue文件， marker属性： joinCluster：是否参与聚合，true参与，false不参与； id、longitude、latitude、snippet必填，必须是String类型