百度地图开发策略续

百度地图js开发代码如下:

function loadMap()

{

//获取id为map的div

var id=document.getElementById("Map");

//获取id为Result的div

var result=document.getElementById("Result");

//注册监听事件

$("#resue").click(

function()

{

//判断输入书否为空

if($("#begin").val()!=""&&$("#end").val()!=""&&$("#begin").val()!=null&&$("#end").val()!=null)

{

//获取搜索方式

var way=$('input:radio[name="route"]:checked').val();

//判断查询方式

if(way=="bus")

{

//调用百度地图的公交查询函数

var transit=new BMap.TransitRoute(map, {

renderOptions: {map: map, panel: result,autoViewport: true}

});

transit.search($("#begin").val(),$("#end").val());

}else if(way=="walk")

{

//调用百度地图的公交查询函数

var walk=new BMap.WalkingRoute(map, {

renderOptions: {map: map, panel: result,autoViewport: true}

});

walk.search($("#begin").val(),$("#end").val());

}else if(way=="car")

{

//调用百度地图的公交查询函数

var driving=new BMap.DrivingRoute(map, {

renderOptions: {map: map, panel: result,autoViewport: true}

});

driving.search($("#begin").val(),$("#end").val());

}

//显示信息栏

$("#Result").css("display","block");

}else{

alert("你的输入有误,请更正!");

$("#Result").css("display","none");

}

});

//在id中创建百度地图

var map=new BMap.Map(id);

//设置默认的坐标点

var point=new BMap.Point(119.546551,35.447763);

//创建地图标志

var marker=new BMap.Marker(point);

var opts = {

width: 300, //定义信息框的宽度

height: 80, //定义信息框的高度

title:"曲阜师范大学" //定义信息框的标题

}

var infoWindow = new BMap.InfoWindow("地址:山东省日照市东港区烟台路80号", opts);

//初始化

map.setCurrentCity("日照");

//在地图上添加标志

map.addOverlay(marker);

//设置标志可拖动

//marker.enableDragging();

//地图平移缩放控件

map.addControl(new BMap.NavigationControl());

//添加比例尺控件

map.addControl(new BMap.ScaleControl());

//添加缩略地图

map.addControl(new BMap.OverviewMapControl({isOpen:true}));

//启用地图类型控件,并设置显示的类型

map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));

//启用滚动缩略控件

map.enableScrollWheelZoom();

//启用键盘伸缩地图功能

map.enableKeyboard();

//初始化地图,设置中心点坐标和地图级别

map.centerAndZoom(point, 13);

//为百度地图添加鼠标点击事件

// map.addEventListener("click",function(e){

// //输出鼠标点击位置的经纬度

// alert("经度为:"+e.point.lng + ", "+"纬度为:" + e.point.lat);

// });

//打开标记窗口

map.openInfoWindow(infoWindow, map.getCenter());

}

一周排行