摘要:需求后臺新增編輯活動項目時,用戶可以自己通過地圖插件選擇位置手動定位,選擇后,系統能夠獲得當前位置的地址信息以及坐標信息,以方便后續程序的處理。技術上主要以百度地圖為核心,彈出層和百度中結果配合,父子頁面傳值引導達成目標。
需求
后臺新增/編輯活動項目時,用戶可以自己通過地圖插件選擇位置(手動定位),選擇后,系統能夠獲得當前位置的地址信息以及坐標信息,以方便后續程序的處理。
代碼不啰嗦,直接看代碼:
表單頁面(截選):
地圖彈出層頁面:
單擊獲取點擊的經緯度
PHP獲取頁面結果方法:
/** * 根據網址獲取頁面內容 * * @param $link * * @return string */ public function getPageContent($link) { $link = trim($link); $content = file_get_contents($link); return $content; }總結
流程上可以分為:點擊按鈕彈出子窗口頁面 -> 手動鼠標選擇頁面位置 -> 父頁面地址和坐標分別獲取到值 -> 子頁面關閉。
技術上主要以百度地圖API為核心,layer彈出層和PHP百度api中結果配合,js父子頁面傳值引導達成目標。
因為很簡單,其他的也不多說了,有興趣的可以申請個ak碼試試,百度官方也有很多示例。
地址JavaScript API 類參考:[http://developer.baidu.com/map/reference/index.php][1] JavaScript API demo演示:[http://developer.baidu.com/map/jsdemo.htm#a1_2][2]
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/22007.html
摘要:當屬性為合法地名字符串時例外,因為百度地圖會根據地名自動調整的值由于百度地圖只有一種加載方式,因此組件及其所有子組件的渲染只能是異步的。 在使用vue做項目的時候,有用到百度地圖,使用了vue-baidu-map插件,包括拾取位置坐標,搜索位置等 1.引入方式 showImg(https://segmentfault.com/img/bVbv0hs?w=835&h=531); 可在ap...
閱讀 3035·2023-04-26 03:01
閱讀 3538·2023-04-25 19:54
閱讀 1592·2021-11-24 09:39
閱讀 1374·2021-11-19 09:40
閱讀 4250·2021-10-14 09:43
閱讀 2062·2019-08-30 15:56
閱讀 1490·2019-08-30 13:52
閱讀 1660·2019-08-29 13:05