更新记录

1.1.0（2023-02-22）

本次主要更新： 1.增加module组件，解决,@tap事件不回调的bug

1.0.1（2022-03-17）

首次更新

平台兼容性

原生插件通用使用流程：

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原生插件配置”->”云端插件“列表中删除该插件重新选择

KJ-Map

nvue map 高德地图组件升级、离线个性化地图、离线设置样式文件、可使用nvue map 所有功能

注意事项

manifest.json -> app模块配置 -> Maps -> 高德地图 勾选

使用

<template>
    <view class="content">
        <map id="map" class="map" ref="map">
        </map>
        <map id="map" class="map" ref="map">
        </map>
        <button type="primary" @click="init">初始化</button>
        <button type="primary" @click="setCustomMapStyle">设置离线个性化地图</button>
    </view>
</template>

<script>
    const KJMap = uni.requireNativePlugin('KJ-Map');

    export default {
        data() {
            return {};
        },
        onLoad() {

        },
        onReady() {
            setTimeout(() => {
                this.init();
            }, 500)
        },
        methods: {
            init() {
                KJMap.init((res) => {
                    console.log("init:" + JSON.stringify(res))
                    var count = res.count; //map组件的个数
                    for (var i = 0; i < count; i++) {
                        this.setCustomMapStyle2(i)
                    }
                    // if (count > 0) {
                    //  this.setCustomMapStyle2(count - 1)
                    // }
                })
            },
            setCustomMapStyle2(index) {
                /**
                 * index - 第几个map
                 * enable - 设置是否开启底图自定义样式
                 * dataPath - 自定义样式路径
                 * extraPath - 样式额外的配置，比如路况，背景颜色等 文件路径
                 * texturePath - 自定义样式纹理路径
                 * **/
                var dic = {
                    "index": index,
                    "enable": true,
                    "dataPath": plus.io.convertLocalFileSystemURL("../../static/style.data"),
                    "extraPath": plus.io.convertLocalFileSystemURL("../../static/style_extra.data"),
                    "texturePath": null,
                }
                console.log(JSON.stringify(dic))
                KJMap.setCustomMapStyle(dic, (res) => {
                    console.log("setCustomMapStyle:" + JSON.stringify(res))
                });
            }
        }
    };
</script>

<style>
    .map {
        width: 750rpx;
        height: 500rpx;
    }
</style>