在網(wǎng)站制作時，往往需要在自己的網(wǎng)頁上插入位置地圖，方便用戶查找公司位置。這時我們可以在網(wǎng)站上插入地圖，并標注位置。效果如下圖：

那么如何在自己的網(wǎng)站上插入位置地圖呢？在我們網(wǎng)站建設(shè)教程中，也講到了制作方法。下面學做網(wǎng)站論壇就以圖文列表方式來介紹一下方法。

方法/步驟

1. 通過百度地圖開放平臺：http://api.map.baidu.com/lbsapi/createmap/index.html，填寫你在百度地圖的位置信息，如下圖：
   
2. 點擊【切換】你的位置所在的城市。然后輸入具體的地址，然后點擊【查找】。
   
3. 【設(shè)置地圖】這里就是設(shè)置百度地圖顯示的相關(guān)細節(jié)，根據(jù)你的需要勾選即可。
   
4. 【添加標注】這里就是在地圖上面標注你的位置名稱。第一個是標注圖標符號、名稱、備注。第二個是標注線條指向的路徑。第三個是填寫文字名稱。
   
5. 【獲取代碼】就是獲得把百度地圖放入你網(wǎng)站的代碼。
   
6. 下一步需要【申請密匙】。申請密匙也很簡單，點擊【申請密匙】，登錄你的百度帳號，如果沒有，就注冊一個百度帳號，過程中需要填寫郵箱地址、手機號碼，又或者需要你到郵箱地址激活，或者接收手機號碼的驗證碼等，都要按照要求操作。
   
7. 有了帳號，進去就是在【創(chuàng)建應(yīng)用】里面獲得百度地圖的申請密匙，例圖：
8. 按照文字說明填寫應(yīng)用名稱等信息。1：隨便輸入一個識別的名稱，比如我的公司地址、我的書店地址…；2：選擇【瀏覽器端】。3：輸入你的網(wǎng)站域名，比如：xuewangzhan.net。如下圖：
9. 點擊【提交】，在【查看應(yīng)用】中可以看到你的【申請密鑰】，例下圖：
10. 把獲得的【申請密鑰】放到獲取的地圖代碼里面去了。如下圖：
    
11. 替換后，復制所有代碼放到一個空白的HTML中，保存為map.html；并且map.html上傳到自己網(wǎng)站空間根目錄下；
12. 使用以下代碼放到網(wǎng)站代碼里，來調(diào)用位置地圖。（如果不懂HTML代碼，可以先學習一下html5入門教程）

    
    <iframe src="http://網(wǎng)站域名/map.html" height="1000" width="100%" frameborder="0" scrolling="no" align="left"></iframe>
    
    

標簽： 代碼 網(wǎng)站建設(shè) 網(wǎng)站制作 域名

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。