微信小程式-如何在map上根據經緯度新增標記點(附原始碼)

袁浩東發表於2020-11-11

 1、map中的marker,就是地圖上的標記點,是根據經緯度進行標記的,常見的圖例是這樣的
在這裡插入圖片描述
 2、如何將指定的經緯度資訊在地圖上顯示標記點的位置呢?就像下圖這樣
在這裡插入圖片描述
 3、微信小程式支援自定義markers陣列,需要指定傳入標記點的經緯度資訊
在這裡插入圖片描述
 4、具體操作步驟
 (1)引入map元件
在這裡插入圖片描述
 (2)請求後端介面獲取資料
在這裡插入圖片描述
 (3)此時,data中的markers[]中已經存在標記點需要的經緯度資訊了,可以列印出來檢視

在這裡插入圖片描述
 (4)因為在地圖載入的時候就要顯示這些標記點,所以,要在js檔案的onLoad:function()函式中呼叫方法(實際要根據自己的專案需求)
在這裡插入圖片描述
 (5)效果展示
在這裡插入圖片描述
 END

相關文章