如何点击按钮弹出百度地图,在地图选择地点获取坐标?如何点击按钮弹出百度地图,在地图选择地点获取坐标?
查看百度地图api ,上面有说明的
楼主:百度地图有这方面的API,你可以看下。你现在遇到的是什么问题?
百度地图API项目应用
点击按钮肯定是要引入百度地图API接口的 具体参考百度地图API
1.引入百度地图js
2.申明一个id为allmap的div
3.点击按钮调用下面的函数
4.采纳我
function map(){
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.331398,39.897445);
map.enableScrollWheelZoom();//启用滚轮放大缩小
map.enableContinuousZoom();//启用地图惯性拖拽
map.centerAndZoom(point,12);
map.enableInertialDragging();
map.addControl(new BMap.NavigationControl());//放大缩小拖拽控件
map.addControl(new BMap.ScaleControl());//比例尺控件
map.addControl(new BMap.OverviewMapControl());//缩略图
//map.addControl(new BMap.MapTypeControl());//类型:地图 卫星 三维
function myFun(result){
var cityName = result.name;
map.setCenter(cityName);
}
map.addEventListener("click",function(e){
var point = new BMap.Point(e.point.lng,e.point.lat);
var marker = new BMap.Marker(point); // 创建标注
map.clearOverlays();
map.addOverlay(marker); // 将标注添加到地图中
$('#longitude').textbox('setValue',e.point.lng);
$('#latitude').textbox('setValue',e.point.lat);
});
var myCity = new BMap.LocalCity();
myCity.get(myFun);
function G(id) {
return document.getElementById(id);
}
}
function map(){
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.331398,39.897445);
map.enableScrollWheelZoom();//启用滚轮放大缩小
map.enableContinuousZoom();//启用地图惯性拖拽
map.centerAndZoom(point,12);
map.enableInertialDragging();
map.addControl(new BMap.NavigationControl());//放大缩小拖拽控件
map.addControl(new BMap.ScaleControl());//比例尺控件
map.addControl(new BMap.OverviewMapControl());//缩略图
//map.addControl(new BMap.MapTypeControl());//类型:地图 卫星 三维
function myFun(result){
var cityName = result.name;
map.setCenter(cityName);
}
map.addEventListener("click",function(e){
var point = new BMap.Point(e.point.lng,e.point.lat);
var marker = new BMap.Marker(point); // 创建标注
map.clearOverlays();
map.addOverlay(marker); // 将标注添加到地图中
$('#longitude').textbox('setValue',e.point.lng);
$('#latitude').textbox('setValue',e.point.lat);
});
var myCity = new BMap.LocalCity();
myCity.get(myFun);
function G(id) {
return document.getElementById(id);
}
}