地圖應用構建平臺(也稱Wemap Builder)是地圖低代碼開發平臺,在微信開發者工具中提供了豐富的小程序模板,開發者能夠選擇模板快速創建地圖應用,同時在微信開發者工具中可直接使用低代碼編輯器,更高效的開發小程序。
本文將帶大家快速了解WeMap Builder如何幫助開發者快速構建地圖應用。
1. 微信開發者工具中使用WeMap Builder的優勢
1、深度集成微信開發者工具
WeMap Builder在微信開發者工具中提供了位置展示、活動報名、路線規劃、景點詳情等應用模板,開發者在微信開發者工具中選擇模板后,能夠快速創建一個小程序應用,在低代碼編輯器中拖拽組件、保存、上傳代碼就能開發小程序。
2、豐富的地圖組件
作為圖低碼平臺我們提供了豐富的地圖組件包括基礎地圖、定位、路線規劃、位置搜索等組件,能夠滿足用戶對于地圖應用場景的使用。
2. 微信開發者工具中使用WeMap Builder創建應用
1、在微信開發者工具中選擇模板
打開微信開發者工具創建小程序,填寫選擇AppId,后端服務選擇不使用云服務,模板選擇中選擇地圖應用構建平臺,即可看到WeMap Builder的應用模板,選擇位置展示模板。
2、編輯小程序應用
點擊確定,進入應用編輯頁面,左邊是小程序模擬器可以看到應用效果,右邊是應用編輯器能夠拖拽組件修改應用。
3、保存并上傳小程序應用
編輯好應用后就可以點擊保存按鈕,保存成功后即可點擊上傳按鈕上傳代碼。
上傳成功后,在小程序微信公眾平臺就可以提審并發布上線小程序了。
3. WeMap Builder地圖組件
1、提供豐富的地圖圖層效果
使用地圖組件也很方便,如下圖所示,拖入一個地圖組件,可以在右側組件配置面板中配置地圖的中心點經緯度、縮放層級、顯示比例、縮放范圍等基礎屬性。
針對地圖組件,在右側配置面板可以新建圖層,如下圖所示,新建一個點圖層,則在地圖中就繪制出了一個marker。
2、地圖組件的實現
地圖組件架構圖如下所示
基礎屬性
地圖組件支持了常用的屬性,用戶能夠方便的在WeMap Builder配置屬性并能夠實時看到配置效果。
2) 屬性管理
在這里地圖組件根據用戶配置的屬性初始化地圖,并利用發布訂閱模式監聽屬性值的修改,當屬性值修改時地圖能相應改變。
3) 圖層
地圖組件支持了豐富的圖層,用戶能夠根據業務場景新建疊加多個圖層。
4) 圖層管理
在這里根據圖層提供的初始化方法,對用戶配置的圖層進行初始化,同時監聽圖層屬性的變化,做到屬性變化圖層效果實時改變。