<view id="test"></view>
<script module="test" lang="renderjs"> 
    export default { 
        mounted() { 
            // ... 
        }, 
        methods: {
        // ...
        }
    }
</script>

1. 在uni中的vue文件下使用地圖
2. 需要在地圖根據(jù)經(jīng)緯度標(biāo)記點(diǎn)，并且可點(diǎn)擊
3. 需要在標(biāo)記點(diǎn)與點(diǎn)之間連線
4. 地圖上需要懸浮兩個(gè)按鈕 

data(){
    map:null,
    myData:[],
},
//以下是寫在methods中
//引入高德地圖SDK
init(){
    if (typeof window.AMap === 'function') {
        this.initAmap()
    } else {
    // 動態(tài)引入較大類庫避免影響頁面展示
    const script = document.createElement('script')
    script.src = 'https://webapi.amap.com/maps?v=1.4.15&key=' + '你的key'
    script.onload = this.initAmap.bind(this)
    document.head.appendChild(script)
    console.log('eles');
    }
},
//初始化地圖
initAmap() {
    this.map = new AMap.Map('amap', {
        resizeEnable: true,
        center: [this.myData[0].longitude,this.myData[0].latitude],
        zooms: [4, 20], //設(shè)置地圖級別范圍
        zoom: 18
    })
    this.map.on('complete',()=>{
       console.log('加載完成');
    })
    this.getItem(this.myData)
}, 
// 給地圖繪制點(diǎn) Makers
addMaker(item){
    let marker = new AMap.Marker({
            //經(jīng)緯度位置
            position: new AMap.LngLat(item.longitude, item.latitude),
            //便宜量
            offset: new AMap.Pixel(-10, -24),
            //圖標(biāo)
            icon: new AMap.Icon({
                //大小
                size: new AMap.Size(20, 25), 
                imageSize: new AMap.Size(20, 25),
                image:'imgpath'
            }),
            //圖標(biāo)展示層級，防止被隱藏時(shí)編寫
            zIndex:100,
            //圖標(biāo)旁邊展示內(nèi)容
            label:{
                content:`<view>content</view>`,
                offset: new AMap.Pixel(10, -18)
            }
    })
    //給圖標(biāo)添加點(diǎn)擊事件
    marker.on('click', (e) => {
        console.log(item，e);
    })
    //將圖標(biāo)添加到地圖中
    this.map.add(marker)
},
//繪制點(diǎn)與點(diǎn)之間的線段 Polyline類
initLine(start,end){
    let polyline = new AMap.Polyline({
        //線段粗細(xì)
        strokeWeight:5,
        //顏色
        strokeColor:'#007AFF',
        //形狀
        lineCap:'round',
        lineJoin:'round',
        //是否顯示方向
        showDir:true,
        //起點(diǎn)與終點(diǎn)經(jīng)緯度[[longitudeStart,latitudeStart],[longitudeEnd,latitudeEnd]]
        path:[start,end]
    })
    //向地鐵圖添加線段
    this.map.add(polyline)
},

    //render.js 
    //向vue頁面拋出數(shù)據(jù)
    sendMsg(){
        this.$ownerInstance.callMethod('reciveMsg', '我是render.js的數(shù)據(jù)')
    }
    //針對頁面點(diǎn)擊或直接調(diào)用
    sendMsg2(e,ownerInstance){
        ownerInstance.callMethod('reciveMsg', '我是render.js的數(shù)據(jù)')
    }

    //vue頁面接收數(shù)據(jù)
    reciveMsg(data){
       console.log(data) //我是render.js的數(shù)據(jù)
    }
復(fù)制代碼