<script src="http://api.map.baidu.com/api?v=2.0&ak"您的密钥" type="text/javascript">
var map = new
BMap.Map("container");
//创建点坐标
var point = newBMap.Point(104.045,30.559);
//地图初始化
map.centerAndZoom(point,15);
map.addControl(newBMap.NavigationControl());
//控件位置:
var opts = {offset: newBMap.Size(150, 5)}
map.addControl(newBMap.ScaleControl(opts));
//修改控件配置:
var opts = {type:BMAP_NAVIGATION_CONTROL_SMALL}
map.addControl(newBMap.NavigationControl(opts));
//创建标注: var marker = newBMap.Marker(new BMap.Point(104.045,30.559)); //将标注添加到地图中: map.addOverlay(marker);
var opts = {
width : 250,//信息窗口宽度
height: 100,//信息窗口高度
title : "Hello"//信息窗口标题
}
var infoWindow = newBMap.InfoWindow("World", opts);//创建信息窗口对象
map.openInfoWindow(infoWindow,map.getCenter());//打开信息窗口
marker.addEventListener("click",function(){
alert("您点击了标注");
});
marker.addEventListener("click",function(){
map.openInfoWindow(infoWindow,map.getCenter());
});
var geolocation = newBMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){ //判断状态
var mk = new BMap.Marker(r.point);//创建一个地图标注
map.addOverlay(mk);
map.panTo(r.point);//转向获取的地理坐标所在位置
alert('您的位置:'+r.point.lng+','+r.point.lat);
}
else {
alert('failed'+this.getStatus());
}
})
myCity = new BMap.LocalCity();
myCity.get(function(e){
map.setCenter(e.name);
alert(e.name);
});
map.addEventListener("click",function(e){
alert(e.point.lng + "," + e.point.lat);
});
var new_point = new BMap.Point(116.299689,40.1196618); var marker = newBMap.Marker(new_point);//创建标注 map.addOverlay(marker);//将标注添加到地图中 map.panTo(new_point);
var myGeo = newBMap.Geocoder();//创建地址解析器实例
//将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint("北京市昌平区回龙观地铁站", function(point){
if (point) {
map.centerAndZoom(point, 15);
map.addOverlay(new BMap.Marker(point)); //在地图上标注地理位置
}else{
alert("您选择地址没有解析到结果!");
}
}, "北京市");
var geoc = newBMap.Geocoder();
map.addEventListener("click",function(e){
var pt = e.point; //点击位置的坐标点
geoc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
alert(addComp.province + ", " +addComp.city + ", " + addComp.district + ", " +addComp.street + ", " + addComp.streetNumber);
});
var walking = newBMap.WalkingRoute(map, {renderOptions:{map: map, autoViewport: true}});
walking.search("天坛公园", "故宫");
获取步行导航的结果显示实例:
var walking = newBMap.WalkingRoute(map, {renderOptions: {map: map, panel: "r-result",autoViewport: true}});
walking.search("天坛公园", "故宫");
var driving = newBMap.DrivingRoute(map, {renderOptions: {map: map, panel: "r-result",autoViewport: true}});
driving.search("女子医院", "王府井广场");
var transit = newBMap.TransitRoute(map, {renderOptions: {map: map, panel:"r-result"}});
transit.search("中医大省医院", "明宇金融广场");
var local = new BMap.LocalSearch(map,{
renderOptions:{map: map}
});
local.search("景点");
var local = newBMap.LocalSearch(map, {
renderOptions: {map: map, panel: "r-result"}
});
local.search("餐饮");
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码(独立后台)...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号:苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有