簡述:MUI地圖提供很方便的接口來調(diào)取地圖功能(百度笔诵、高德),要使用地圖功能首先要配置SDK開啟地圖姑子,配置在manifest.json自行配置就可以乎婿。
一:創(chuàng)建mapView
注意:創(chuàng)建地圖之前首先要創(chuàng)建div的節(jié)點來顯示地圖,代碼中"map"為div的id
var map = new plus.maps.Map("map", {
resizeEnable: true, //縮放顯示
zoom: 14 //地圖顯示的縮放級別
});
二:地圖標注點
var marker = new plus.maps.Marker(new plus.maps.Point(125.2980710000, 43.8380450000));//標注點對象
marker.setLabel("HBuilder”);//設(shè)置標注點標題
var bubble = new plus.maps.Bubble("陽光大廈”);//設(shè)置氣泡標題
marker.setBubble(bubble);//添加起泡
map.addOverlay(marker);//添加標注到地圖上
三:地圖添加折線
var points = new Array(new plus.maps.Point(125.2916660000, 43.8318090000), new plus.maps.Point(125.2883340000,43.8314920000), new plus.maps.Point(125.2912290000, 43.8303850000));//添加坐標點
var polylineObj = new plus.maps.Polyline(points);//創(chuàng)建折線對象
polylineObj.setLineWidth(1);//設(shè)置折線寬度
polylineObj.setPath(points);//設(shè)置折線定點坐標
map.addOverlay(polylineObj);//添加折線到地圖上
開發(fā)過程中多看MUI文檔街佑,大多數(shù)問題文檔都能解決谢翎,社區(qū)前人提出的問題也得到了解答,開發(fā)的時候多看多找