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

作者: 全村的希望iOS | 来源:发表于2018-01-23 15:15 被阅读0次

    简述: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地图(添加标注、设置折线)

        本文链接:https://www.haomeiwen.com/subject/edpsaxtx.html