十年風雨路 · 一心鑄精品

接一個官網 留一件精品 做一個項目 樹一塊樣板

百度地圖接口實現自定義網頁地圖開發實現

午研究了下一些網站都已經實現好的地區、公交、線路等等一些基于“地圖”的服務,這些服務都是基于諸如百度、谷歌地圖服務接口下的二次開發,百度地圖接口服務免費,而且開發文檔,API介紹詳細,所以本文暫先介紹如何調用百度地圖服務(API)http://developer.baidu.

時間:2014年04月24日 點擊量:

午研究了下一些網站都已經實現好的地區、公交、線路等等一些基于“地圖”的服務,這些服務都是基于諸如百度、谷歌地圖服務接口下的二次開發,百度地圖接口服務免費,而且開發文檔,API介紹詳細,所以本文暫先介紹如何調用百度地圖服務(API)

http://developer.baidu.com/service#dev       百度開發者中心,進去之后能夠看見baiduMap API的幫助文檔,文檔不錯,比較詳細,一般參閱此文檔基本上能應付一般的需求了,

編程步驟也較為簡單:

js代碼:


[javascript] view plaincopyprint?
01.<SPAN style="FONT-SIZE: 18px">var map; 
02.function initMap(){ 
03.    map = new BMap.Map("mapBox"); // 創建地圖實例   
04.    var point = new BMap.Point(116.404,39.915); // 創建點坐標   
05.    map.centerAndZoom(point,15); // 初始化地圖,設置中心點坐標和地圖級別  
06.} 
07.function search(){ 
08.    var areaName = $("area").value; 
09.    if(areaName=="")return; 
10.    if(map==null){ 
11.        init(); 
12.    } 
13.    var local = new BMap.LocalSearch(map,{    
14.         renderOptions:{map:map}    
15.    });    
16.    local.search(areaName);    
17.} 
18.function $(id){ 
19.    return document.getElementById(id); 
20.}</SPAN> 
var map;
function initMap(){
 map = new BMap.Map("mapBox"); // 創建地圖實例
 var point = new BMap.Point(116.404,39.915); // 創建點坐標
 map.centerAndZoom(point,15); // 初始化地圖,設置中心點坐標和地圖級別
}
function search(){
 var areaName = $("area").value;
 if(areaName=="")return;
 if(map==null){
  init();
 }
 var local = new BMap.LocalSearch(map,{  
   renderOptions:{map:map}  
 });  
 local.search(areaName);  
}
function $(id){
 return document.getElementById(id);
}
html代碼:


[html] view plaincopyprint?
<SPAN style="FONT-SIZE: 16px"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 

推薦案例

  • 成都森美啦園林綠化工程公

  • 四川尚恒科技有限公司

  • 成都九邦物流有限責任公司

  • 四川品睿餐飲管理有限公司

  • 美繪陶社陶藝手繪工作室-暖

  • 成都恩多施生物工程技術有

  • 汶川羌人土特產有限公司

  • 印刷設計公司網站No.3138

聯系我們 / CONTACT US

  • 四川省成都市金牛區五福橋東路229號龍湖北城天街28棟903室
  • 服務熱線:400-000-2367 028-86088588
  • 總機:028-62322623-0
  • 傳真:028-62322623-823

掃碼訪問冠辰手機網站

版權所有 Copyright © 2002-2019 四川冠辰科技開發有限公司  www.mtlum.tw 保留所有權利  蜀ICP備11012605號

地址:四川省成都市金牛區五福橋東路229號龍湖北城天街28棟903室

服務熱線:400-000-2367 028-86088588 總機:028-62322623-0 傳真:028-62322623-823

捕鱼王游戏机 贵州快三开奖结果50期 k8票手机客户端app 河南快3奖金规则 皇冠炸金花 老重时时走势图 赛马会网址是什么 北京赛计划人工 三分时时彩是真的假的 时时彩为什么20分才开 ok广东快乐十分走势图 重庆幸运农场最快开奖 双色球擂台赛专家推荐 内蒙古快三形态走势图彩经网 重庆快乐十分计划软件 2019年彩图黑白图库大全一 赌场游戏 贵州快三开奖结果50期 k8票手机客户端app 河南快3奖金规则 皇冠炸金花 老重时时走势图 赛马会网址是什么 北京赛计划人工 三分时时彩是真的假的 时时彩为什么20分才开 ok广东快乐十分走势图 重庆幸运农场最快开奖 双色球擂台赛专家推荐 内蒙古快三形态走势图彩经网 重庆快乐十分计划软件 2019年彩图黑白图库大全一 赌场游戏