十年风雨路 · 一心铸精品

接一个官网 留一件精品 做一个项目 树一块样板

百度地图接口实现自定义网页地图开发实现

午研究了下一些网站都已经实现好的地区、公交、线路等等一些基于“地图”的服务,这些服务都是基于诸如百度、谷歌地图服务接口下的二次开发,百度地图接口服务免费,而且开发文档,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.scgckj.com 保留所有权利  蜀ICP备11012605号

地址:四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903室

服务热线:400-000-2367 028-86088588 总机:028-62322623-0 传真:028-62322623-823

川公网安备 51010602001006号