如何在網頁中插入在線百度地圖


首先,事先聲明百度地圖官方是允許用戶在頁面生成時引入百度地圖,並提供相應網站來生成代碼,所以不用擔心版權問題.

一 :  進入網站

可以直接百度搜索百度地圖代碼生成器,也可直接點擊網站鏈接http://api.map.baidu.com//lbsapi/creatmap/

二 :  進入網站后,我們可以看到如下頁面:

                                                               

 

 

 

 

  三 :  在網頁右側的定位中心位,設置地圖 , 添加標注處 ( 注  : 中心點,標注等等,此時樣式默認是最初級的 ) , 可以對地圖進行一個所需的初始設置 , 然后就可以點擊獲取代碼了,

若想設置是否允許地圖拖拽、是否允許滾輪放大等各種高級功能,點擊右下角的更多高級功能下的詳細便有解釋

如圖:

    1.    

       

       

 

  四: 若想要獲取到相應的全部代碼 , 點擊獲取代碼即可 .    也可選取所需的部分代碼,地圖盒子具體的樣式可自行在代碼中設置修改,但主體部分必須要有

 

 主體代碼:

   1.html部分:  

<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>(css樣式可自行修改)

 

    2.script引用:

<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

   

   3.引入代碼中的<script>部分,最簡單的地圖插入就做好了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM