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