蘇州小程序制作開發(fā)中如何顯示全屏地圖位置定位?如果要說小程序比公眾號(hào)和公眾號(hào)和H5網(wǎng)頁好在哪里,位置定位用戶體驗(yàn)是個(gè)不錯(cuò)的地方。在為客戶定制開發(fā)小程序時(shí),蘇州鵝鵝鵝科技有限公司經(jīng)常會(huì)遇到使用地圖顯示特定位置的功能需求,如下圖所示。看到這個(gè)界面,很多人都會(huì)想通過騰訊的地圖MAP組件構(gòu)建這個(gè)頁面,但仍然很難完全相同、
事實(shí)上,點(diǎn)擊右下角的綠色按鈕,以下功能實(shí)際上是微信小程序,如果你知道位置名稱、地址、經(jīng)緯度、使用API您可以跳轉(zhuǎn)到此界面。接口如下wx.openLocation({latitude:parseFloat(latitude),//緯度,范圍為-90~90、負(fù)數(shù)表示南緯。使用gcj02國測局坐標(biāo)系longitude:parseFloat(longitude),//經(jīng)度,范圍為-180~180,負(fù)數(shù)表示西經(jīng)。
使用gcj02國測局坐標(biāo)系name:address_name,//位置名address:address,詳細(xì)說明//地址scale:18})其中scale地圖縮放范圍為5~18,是地圖顯示的位置比例。這樣就實(shí)現(xiàn)了微信小程序查看地圖的功能。在這里,我們在開發(fā)過程中遇到的問題是:一般需要點(diǎn)擊小地圖到界面。
小地圖需要拖動(dòng)和點(diǎn)擊移動(dòng),雖然微信小程序有這個(gè)參數(shù)控制,但實(shí)際上是一個(gè)坑,基本上沒用。我們的解決辦法是在小地圖上覆蓋一個(gè)透明的cover-view為了實(shí)現(xiàn),代碼如下從而完美實(shí)現(xiàn)這一功能。自微信小程序推出以來,方偉網(wǎng)絡(luò)一直在研究小程序的定制開發(fā)。
目前,它積累了豐富的開發(fā)經(jīng)驗(yàn)。因?yàn)樗撕芏嗫樱覀兌贾滥睦镉锌樱梢员WC開發(fā)效率和質(zhì)量,最大限度地提高小程序的用戶體驗(yàn)。關(guān)于蘇州小程序制作開發(fā)中如何顯示全屏地圖位置定位的問題已在上文作答!