1. 程式人生 > 其它 >網頁中百度地圖的插入方法

網頁中百度地圖的插入方法

一、百度地圖官方是允許使用者在頁面生成時引入百度地圖,並提供相應網站來生成程式碼。

可以直接百度搜索百度地圖程式碼生成器,也可直接點選網站連結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等根據自己喜好來決定連線方式,但一定不要遺漏

四、如果想要設定更多樣式,可以點選更多高階功能。