蘇州小程序開發(fā)公司如何顯示全屏地圖位置定位?如果要說(shuō)小程序比公眾號(hào)和公眾號(hào)和H5網(wǎng)頁(yè)好在哪里,位置定位用戶體驗(yàn)是個(gè)不錯(cuò)的地方。在為客戶定制開發(fā)小程序時(shí),方維網(wǎng)絡(luò)經(jīng)常會(huì)遇到使用地圖顯示特定位置的功能需求,如下圖所示。看到這個(gè)界面,很多人都會(huì)想通過(guò)騰訊的地圖MAP組件構(gòu)建這個(gè)頁(yè)面,但仍然很難完全相同。
事實(shí)上,點(diǎn)擊右下角的綠色按鈕,以下功能實(shí)際上是微信小程序,如果你知道位置名稱、地址、經(jīng)緯度、使用API您可以跳轉(zhuǎn)到此界面。接口如下wx.openLocation({latitude:parseFloat(latitude),//緯度,范圍為-90~90、負(fù)數(shù)表示南緯。
使用gcj02國(guó)測(cè)局坐標(biāo)系longitude:parseFloat(longitude),//經(jīng)度,范圍為-180~180,負(fù)數(shù)表示西經(jīng)。使用gcj02國(guó)測(cè)局坐標(biāo)系name:address_name,//位置名address:address,詳細(xì)說(shuō)明//地址scale:18})其中scale地圖縮放范圍為5~18,是地圖顯示的位置比例。這樣就實(shí)現(xiàn)了微信小程序查看地圖的功能。在這里。
我們?cè)陂_發(fā)過(guò)程中遇到的問(wèn)題是:一般需要點(diǎn)擊小地圖到界面,小地圖需要拖動(dòng)和點(diǎn)擊移動(dòng),雖然微信小程序有這個(gè)參數(shù)控制,但實(shí)際上是一個(gè)坑,基本上沒用。我們的解決辦法是在小地圖上覆蓋一個(gè)透明的cover-view為了實(shí)現(xiàn),代碼如下從而完美實(shí)現(xiàn)這一功能。
關(guān)于
蘇州小程序開發(fā)公司如何顯示全屏地圖位置定位的問(wèn)題已在上文給大家解答!另外,關(guān)于蘇州小程序開發(fā)公司方面的問(wèn)題,大家還有什么想要深入了解的,都可以隨時(shí)咨詢我們蘇州鵝鵝鵝科技有限公司,我們會(huì)一直在線為大家一一解答!希望我們的回答能給大家提供幫助!給大家提供參考跟建議!最后,祝大家生活愉快!