更新记录
1.0.6(2024-05-16) 下载此版本
修改manifest中key冲突的bug
1.0.5(2024-05-10) 下载此版本
修改打包错误的bug
1.0.4(2024-05-07) 下载此版本
修改package.json中parameters配置错误的问题
查看更多平台兼容性
Android | Android CPU类型 | iOS |
---|---|---|
适用版本区间:5.0 - 13.0 | armeabi-v7a:支持,arm64-v8a:支持,x86:支持 | × |
原生插件通用使用流程:
- 购买插件,选择该插件绑定的项目。
- 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
- 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
- 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
- 开发完毕后正式云打包
付费原生插件目前不支持离线打包。
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 方法:
- 回调:
- clickMarkerWindow:气泡点击
- onMapReady:地图加载完成
- 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类型