網頁中百度地圖的插入方法
阿新 • • 發佈:2021-12-23
一、百度地圖官方是允許使用者在頁面生成時引入百度地圖,並提供相應網站來生成程式碼。
可以直接百度搜索百度地圖程式碼生成器,也可直接點選網站連結http://api.map.baidu.com//lbsapi/creatmap/
二、在官網中可以看到以下選項,將自己希望展示的百度地圖樣式在此設定。包括中心點,標註等等,此時樣式是最初級的
三、點選獲取程式碼,即可獲取到相應的全程式碼
這時,我們可以複製需要程式碼來引入到頁面之中,切記不要忘記引用script,類似於swiper和jquery,否則不生效。
1 <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
也一定不要忘記設定放百度地圖的容器,另外,由於自帶的是行內樣式,所以需要自行修改,同樣這些數值是可以根據自身需要修改的
1 <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
其他的如js等根據自己喜好來決定連線方式,但一定不要遺漏