国产伦精品一区二区三区网站-色激情婷婷-亚洲不卡-情侣视频网国产-国产情侣网曝门在线-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福利精品导航完整版电影在线观看 | 日韩一区二区在线视频 | 国产精品一区二区毛卡片 | 91精品国产闺 | av片在线观看国产三级在线观看 | 外国一级aⅴ在线观看 | 91香蕉国产在线观看免费永久 | 亚洲欧美日韩综合在线观看 | 国产另类ts人妖一区二区 | 国产黄在线观看免费观看不卡 | 国产精品久久 | 国产不卡在线 | 3级毛片免费全部播放无码 4hu影视 | 国产强奷在线播放免费不卡 | 亚洲精品9 | 亚洲天堂影视 | 无码精品一区二区三区99不卡 | 免费一级做a爰片性色毛片 免费一级做α爱片久久毛片 | 亚洲精品无码国模 | 中国a级毛片免费观看 | 91精品国产乱码久久久久久 | 91精品久久水蜜桃 | 麻豆国产精品va在线观看不卡 | 真正全免费视频a毛片 | 欧美国产日韩在线播放视频 | 国产精品观看在线播放 | 亚洲欧美日韩综合 | 国产无码不卡 | 亚洲欧美日本国产综合在线 | 中文字幕av专区 |