小程序模板网

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

功能增加时间:2月17日

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

 

静态图上绘制点

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

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

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

其中,

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

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

运行程序,效果如下:

其余绘制

绘制线段

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

绘制区域

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

绘制标签

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



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23335.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询