更新记录

1.1.6（2024-07-24）

优化使用

1.1.5（2024-07-24）

优化

1.1.4（2024-07-24）

优化生命周期

平台兼容性

平台兼容性

使用

<template>
    <!-- #ifdef APP -->
    <scroll-view style="flex:1">
    <!-- #endif -->
        <jk-amap :autoLifeEvent="true"  ref="jkAmap" @locate="locate" @fetchGis="chooseAddress"
            style="width: 100%;height: 200px;background-color: red;" :enableLocation="true" :enableFetchGis="true"></jk-amap>
        <text class="tips">注意：uts组件插件需要使用自定义基座才能生效！</text>
    <!-- #ifdef APP -->
    </scroll-view>
    <!-- #endif -->
</template>

<script>
    export default {
        data() {
            return {

            }
        },

        methods: {
                mapElement() : JkAmapElement | null {
                    const mapRef = this.$refs['jkAmap']
                    if (mapRef != null) {
                        return mapRef as JkAmapElement
                    }
                    return null
                },
                //当前位置定位信息
                locate(result : any) {
                    console.log("locate", result)
                    this.address = (result as UTSJSONObject).getString("addressName")!
                },
                //地图选点信息
                chooseAddress(addr : UTSJSONObject) {
                    console.log("addr", addr)
                    this.address = addr.getString('addressName') ?? '--'
                },
                setMarkerIcon(iconPath : string) {
                    this.mapElement()?.setMarkerIcon(iconPath)
                },
                addMarker() {//,{39.761, 116.434}
                    this.mapElement()?.addMarker(39.761, 116.434)
                    this.mapElement()?.changeCamera(39.761, 116.434)
                    // /(this.$refs['jkAmap'] as JkAmapElement).$callMethod('addMarker')
                },
                //修改地图中心
                changeCenter() {//116.318984,39.993146
                    this.mapElement()?.changeCamera(39.993146, 116.318984)
                },
                clearMap() {//116.318984,39.993146
                    //(this.$refs['jkAmap'] as JkAmapElement).clearMap()
                },
                startLocation() {
                    this.mapElement()?.startLocation()
                },
                setZoomControlsEnabled() {
                    this.mapElement()?.setZoomControlsEnabled(false)
                },
            },
        },
        onLoad() {

        }
    }
</script>

<style lang="scss">

</style>