蘇州小程序制作開發(fā)中如何顯示全屏地圖位置定位?如果要說小程序比公眾號和公眾號和H5網(wǎng)頁好在哪里,位置定位用戶體驗是個不錯的地方。在為客戶定制開發(fā)小程序時,蘇州鵝鵝鵝科技有限公司經(jīng)常會遇到使用地圖顯示特定位置的功能需求,如下圖所示。看到這個界面,很多人都會想通過騰訊的地圖MAP組件構(gòu)建這個頁面,但仍然很難完全相同、
事實上,點擊右下角的綠色按鈕,以下功能實際上是微信小程序,如果你知道位置名稱、地址、經(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,是地圖顯示的位置比例。這樣就實現(xiàn)了微信小程序查看地圖的功能。在這里,我們在開發(fā)過程中遇到的問題是:一般需要點擊小地圖到界面。
小地圖需要拖動和點擊移動,雖然微信小程序有這個參數(shù)控制,但實際上是一個坑,基本上沒用。我們的解決辦法是在小地圖上覆蓋一個透明的cover-view為了實現(xiàn),代碼如下從而完美實現(xiàn)這一功能。自微信小程序推出以來,方偉網(wǎng)絡(luò)一直在研究小程序的定制開發(fā)。
目前,它積累了豐富的開發(fā)經(jīng)驗。因為它跳了很多坑,我們都知道哪里有坑,可以保證開發(fā)效率和質(zhì)量,最大限度地提高小程序的用戶體驗。關(guān)于蘇州小程序制作開發(fā)中如何顯示全屏地圖位置定位的問題已在上文作答!