小程序模板網(wǎng)

高德地圖小程序SDK新增功能:繪制靜態(tài)圖

發(fā)布時(shí)間:2018-04-13 14:32 所屬欄目:小程序開發(fā)教程
功能增加時(shí)間:2月17日

運(yùn)用靜態(tài)地圖功能,可快速生成一張地圖圖片,可以指定顯示的地圖區(qū)域、圖片大小、以及在地圖上添加覆蓋物,如標(biāo)簽、標(biāo)注、折線、多邊形。 可用于快速生成一張個(gè)性化涂鴉的靜態(tài)地圖用于查看和分享。

 

靜態(tài)圖上繪制點(diǎn)

1、在頁面的 js 文件中,實(shí)例化 AMapWX 對象,請求顯示靜態(tài)地圖。

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

然后,構(gòu)造 AMapWX 對象,并調(diào)用 getStaticmap 方法。

其中,

2、編寫頁面的 wxml 文件,搭建頁面結(jié)構(gòu)。

3、編寫頁面的 wxss 文件,設(shè)置頁面樣式。

運(yùn)行程序,效果如下:

其余繪制

繪制線段

向 getStaticmap 方法中傳 paths 字段繪制線段,如果使用 paths 繪制線段,則不可再繪制區(qū)域。

繪制區(qū)域

向 getStaticmap 方法中傳 paths 字段繪制區(qū)域,如果使用 paths 繪制區(qū)域,則不可再繪制線段。

繪制標(biāo)簽

向 getStaticmap 方法中傳 labels 字段可以繪制標(biāo)簽:



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://m.u-renovate.com/wxmini/doc/course/23335.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×