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

    简述:MUI地图提供很方便的接口来调取地图功能(百度、高德),要使用地图功能首先要配置SDK开启地图,配置在man...

  • 小程序地图控件基本使用

    .wxml 除了显示基本地图,还可以在地图上添加markers–标注,polyline–折线,circles–圆形...

  • 百度地图使用经验-第3集 添加覆盖物

    所有叠加或覆盖到地图的内容,我们统称为地图覆盖物。如标注(点标注|文本标注)、矢量图形元素 (包括:折线和多边形和...

  • 高德地图移动地图上的某个点

    项目中有一个需求是改变标注点的位置。如图 默认添加标注点,设置为地图的中心点,但是项目要求 因为地图是全盘大小,设...

  • Label

    该文章取自百度地图官方文档 Labbel:文本标注 一,创建基本地图 二,向地图中添加文本标注 三,修改文本标注样...

  • 【CAD自学记】导入课程04

    按照流程走,该为图形添加注释 第三步 添加注释1 设置标注样式2 标注图形尺寸3 添加注释文本 将标注层设置为当前...

  • echart设置数据轴单位到正上方,图片拐点,标注,图标图例,柱

    设置单位到左上方: 设置折线图中不一样的折线拐点. 设置图表中的标注 导入图例的个性图标 一个柱状图的左右两端都写...

  • 高德地图

    #pragma mark - 创建地图 #pragma mark - 在地图上添加大头针标注 #pragma ma...

  • WebGIS 1-1瓦片地图文档显示

    1. 步骤 - 全局变量 - 添加地图容器 - 添加瓦片图层 - 将图层添加到地图容器中 - 设置地图显示中心坐标...

  • iOS 百度地图的高级用法

    本文主要介绍百度地图的自定义用法,比如创建地图、添加标注点、添加路径轨迹等问题不在本文讨论范围,请点击百度地图开放...

网友评论

    本文标题:MUI地图(添加标注、设置折线)

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