泉州网站建设优化公司研究了下一些网站都已经实现好的地区、公交、线路等等一些基于“地图”的服务,这些服务都是基于诸如百度、谷歌地图服务接口下的二次开发,百度地图接口服务免费,而且开发文档,API介绍详细,所以本文暂先介绍如何调用百度地图服务(API)
百度开发者中心,进去之后能够看见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" "">
<html>