MUI地图(添加标注、设置折线)

简述: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文档,大多数问题文档都能解决,社区前人提出的问题也得到了解答,开发的时候多看多找

你可能感兴趣的:(MUI地图(添加标注、设置折线))