简述:MUI地图提供很方便的接口来调取地图功能(百度、高德),要使用地图功能首先要配置SDK开启地图,配置在manifest.json自行配置就可以。
一:创建mapView
注意:创建地图之前首先要创建div的节点来显示地图,代码中"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”);//设置标注点标题
var bubble = new plus.maps.Bubble("阳光大厦”);//设置气泡标题
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);//创建折线对象
polylineObj.setLineWidth(1);//设置折线宽度
polylineObj.setPath(points);//设置折线定点坐标
map.addOverlay(polylineObj);//添加折线到地图上
开发过程中多看MUI文档,大多数问题文档都能解决,社区前人提出的问题也得到了解答,开发的时候多看多找
网友评论