欢迎光临,了解微信小程序开发,就上易用通!

高德地图小程序SDK新增功能:绘制静态图

发布:2018-04-13 14:32浏览: 来源:网络 作者:cola

功能增加时间:2月17日

运用静态地图功能,可快速生成一张地图图片,可以指定显示的地图区域、图片大小、以及在地图上添加覆盖物,如标签、标注、折线、多边形。 可用于快速生成一张个性化涂鸦的静态地图用于查看和分享。

高德地图小程序SDK新增功能:绘制静态图(图1)

 

静态图上绘制点

1、在页面的 js 文件中,实例化 AMapWX 对象,请求显示静态地图。

首先,引入 amap-wx.js 文件。

然后,构造 AMapWX 对象,并调用 getStaticmap 方法。

其中,

2、编写页面的 wxml 文件,搭建页面结构。

3、编写页面的 wxss 文件,设置页面样式。

运行程序,效果如下:

高德地图小程序SDK新增功能:绘制静态图(图2)

其余绘制

绘制线段

向 getStaticmap 方法中传 paths 字段绘制线段,如果使用 paths 绘制线段,则不可再绘制区域。

高德地图小程序SDK新增功能:绘制静态图(图3)

绘制区域

向 getStaticmap 方法中传 paths 字段绘制区域,如果使用 paths 绘制区域,则不可再绘制线段。

高德地图小程序SDK新增功能:绘制静态图(图4)

绘制标签

向 getStaticmap 方法中传 labels 字段可以绘制标签:

高德地图小程序SDK新增功能:绘制静态图(图5)






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。