国产伦精品一区二区三区网站-色激情婷婷-亚洲不卡-情侣视频网国产-国产情侣网曝门在线-99情趣网

你的位置:首頁 > 技術支持

如何給網站添加百度地圖代碼并可自定義定位坐標

2020/2/23 21:42:34??????點擊:

有一次給客戶網站的聯系我們頁面添加一張標注有公司地址的百度地圖,結果客戶反饋說,為什么我的地圖不能用鼠標拖動的啊?沒想到現在客戶要求這么高了,想偷懶一點也不行。經過幾番折騰,發現添加百度地圖API代碼就可以實現。

方法一:通過網站后臺編輯器自帶的百度地圖功能自動生成動態地圖。(WordPress后臺是沒有的哦)

方法二:通過百度地圖生成器在線生成,下面來看看方法二的做法。

網站名稱:百度地圖API
地圖制作地址:http://api.map.baidu.com/lbsapi/creatmap/
在線演示:http://shejidaren.com/examples/baidu-map/

2018.7.27更新:
一個新的生成地址,但這個地址需要「申請密匙」才能正常使用,不想要密匙的,就用上面的鏈接生成:http://api.map.baidu.com/lbsapi/createmap/

第1步:創建地圖,打開上面的「地圖制作地址」進行創建

還可以添加標注、定位、文字等等,超級簡單哦!

第2步:獲取代碼

點擊「獲取代碼」按鈕,并復制代碼到你的 HTML 文件。

此時,雙擊你的 HTML 文件就應該可以看到剛剛制作的地圖咯。

但是,問題來了!

你會發現,定位圖標不顯示!文字亂碼!

解決問題

出現這樣的問題,很明顯百度已經很久沒人來維護這個頁面,所以小編只好手動解決。

1. 亂碼問題

把代碼中的 charset=gb2312 改為 charset=utf-8,這樣就解決了亂碼問題

2. 定位ICON問題

自己做一個20*20像素的定位 ICON(也可以看在線演示,直接使用小編做的圖標),然后把http://app.baidu.com/map/images/us_mk_icon.png改為你的圖標地址即可。

使用技巧

不要在地圖頁面加任何樣式,把它獨立出來,需要用到的時候,直接通過 iFrame 把頁面調出來,參考代碼:

<iframe style="display: block; height: 300px; width: 500px;" src="http://shejidaren.com/examples/baidu-map/" width="300" height="150" frameborder="0"></iframe>

總體來說這個方法是有點繁瑣,小編用過一些網站后臺編輯器就自帶了百度地圖 API 就簡單很多了。有任何不懂的地方可以提出來,同時如果你有更好的建議,歡迎分享出來給大家!

主站蜘蛛池模板: 无码中文大片av | 波多野结衣高潮喷水在线观看 | 91精品国产高久久久久久五月天 | 中文字幕一区日韩高清 | 91精品综合久久久久 | 精品一区二区三区免费毛片 | 97精品国产高清久久久久蜜芽 | 午夜福利免费0948视频 | 亚洲最大av无码国产 | 国产福利视频区一区二区 | 无码免费一区二区三区免 | 中文字幕在线免费 | 99视频精品全部免费在线 | 欧美喷潮久久久xxxxx | 宅男色影视亚洲人在线 | 青青色无码视频在线观看 | 午夜无码人妻av大片 | 一区二区三区高清人妻日本 | 99久久亚洲精品视香蕉蕉v | 91在线超高颜值国产 | 日本中文字幕在线播放 | 日韩精品亚洲人成在线播放 | 亚洲色无色a片一区二区 | 精品一区二区三人妻视频 | 免费午夜国产视 | 99久久综合狠狠综合久久aⅴ | 69国产亚洲精品a久久 | 人人超碰人人爽国产97人人模亚洲性片 | 国产黄色片在线看 | 亚洲精品无播放器在线观看 | 深夜男士观看网站 | 成人高清无码在线观看 | a级国产乱理论片在线播放 a级毛片100部免费观看 | 亚洲av永久无码精品网站色欲 | 亚洲国产欧美在线人成 | 亚洲国产综合h视频网站在线观看 | 亚洲色无码专区在线观看 | 欧美日本| 亚洲国产精品高清一久久 | 亚洲乱码潮喷在线二区 | 欧美日韩操 |