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