摘要：需求后臺新增編輯活動項目時，用戶可以自己通過地圖插件選擇位置手動定位，選擇后，系統(tǒng)能夠獲得當前位置的地址信息以及坐標信息，以方便后續(xù)程序的處理。技術(shù)上主要以百度地圖為核心，彈出層和百度中結(jié)果配合，父子頁面?zhèn)髦狄龑?dǎo)達成目標。

后臺新增/編輯活動項目時，用戶可以自己通過地圖插件選擇位置（手動定位），選擇后，系統(tǒng)能夠獲得當前位置的地址信息以及坐標信息，以方便后續(xù)程序的處理。

不啰嗦，直接看代碼：

表單頁面（截選）：

    地址
    

        
    
    

        點擊選擇
    


    經(jīng)緯度
    

        
        
    

地圖彈出層頁面：

PHP獲取頁面結(jié)果方法：

/**
     * 根據(jù)網(wǎng)址獲取頁面內(nèi)容
     *
     * @param $link
     *
     * @return string
     */
    public function getPageContent($link)
    {
        $link = trim($link);
        $content = file_get_contents($link);
        return $content;
    }

流程上可以分為：點擊按鈕彈出子窗口頁面 -> 手動鼠標選擇頁面位置 -> 父頁面地址和坐標分別獲取到值 -> 子頁面關(guān)閉。

技術(shù)上主要以百度地圖API為核心，layer彈出層和PHP百度api中結(jié)果配合，js父子頁面?zhèn)髦狄龑?dǎo)達成目標。

因為很簡單，其他的也不多說了，有興趣的可以申請個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]