十年風雨路 · 一心鑄精品

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

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

午研究了下一些網站都已經實現好的地區、公交、線路等等一些基于“地圖”的服務,這些服務都是基于諸如百度、谷歌地圖服務接口下的二次開發,百度地圖接口服務免費,而且開發文檔,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

捕鱼王游戏机 pk10最牛稳赚5码计划 竞彩足球比分 老时时彩宝典 挂机平刷方案 百万娱乐棋牌 北京pk10数学天才揭秘北 百灵手游牛牛官网 天津时时彩走势图 港彩研究方法 亿彩彩票软件下载 麻将图片 欢乐生肖全天稳定计划 qq红包大小单双玩法 快三彩票网站哪个最正规 麻将怎么打初学图解 网易彩票快3大小单双玩法技巧 pk10最牛稳赚5码计划 竞彩足球比分 老时时彩宝典 挂机平刷方案 百万娱乐棋牌 北京pk10数学天才揭秘北 百灵手游牛牛官网 天津时时彩走势图 港彩研究方法 亿彩彩票软件下载 麻将图片 欢乐生肖全天稳定计划 qq红包大小单双玩法 快三彩票网站哪个最正规 麻将怎么打初学图解 网易彩票快3大小单双玩法技巧