百度php获取当前经纬度,百度地图获取经纬度的示例

本文介绍如何利用百度地图API实现经纬度的获取和设置。通过弹出层展示地图,用户可以通过鼠标操作来调整地图,双击地图会创建标注并显示坐标值。此外,还提供了一个带搜索功能的示例,允许用户搜索地址并在地图上标注以获取坐标。
摘要由CSDN通过智能技术生成

承接上一篇根据经纬度的显示,该文章用来设置经纬度。经纬度依赖于百度地图获取。同时该文使用的fancybox来弹出层展示百度地图。请根据你的相应的文件目录来引入你的对应的js组件.

效果图如下:

bfba9823ce54d99e2f5b56a53af95554.png

完整代码如下:

百度地图获取经纬度的示例

企业经纬度

滚动鼠标->缩放地图大小,鼠标拖动->上下左右移动地图

//弹出层显示百度地图 --fancybox

$("#various1").fancybox({

'titlePosition': 'inside',

'transitionIn': 'none',

'transitionOut': 'none'

});

var map = new BMap.Map("container");

var lntAndLog=$('#map').val().split(",");

map.centerAndZoom(new BMap.Point(lntAndLog[0],lntAndLog[1]), 12);

map.enableScrollWheelZoom(true);

map.addControl(new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_LEFT})); //左上角,默认地图控件

var myCity = new BMap.LocalCity();//实例化本地地图,基于IP地址

myCity.get(myFun);

map.clearOverlays();

var marker1 = new BMap.Marker(new BMap.Point(lntAndLog[0],lntAndLog[1]));//创建标注

map.addOverlay(marker1);

function showInfo(e){

map.clearOverlays();

var marker1 = new BMap.Marker(new BMap.Point(e.point.lng, e.point.lat));//创建标注

map.addOverlay(marker1);

document.getElementById("maptxt").value=e.point.lng + "," + e.point.lat;

}

map.addEventListener("click", showInfo);

//设置经纬度

function setmapValue(){

if($("#maptxt").val()==""){

alert('你还没选择相应的坐标点^_^哦');

return false;

}

$("#map").val($("#maptxt").val());

$('#fancybox-close').click();

}

//IP定位获取当前城市

function myFun(result){

var cityName = result.name;

map.setCenter(cityName);

}

【带搜索功能的示例代码】

百度地图获取经纬度的示例

企业经纬度----带搜索功能

提示:搜到地址后用鼠标单击地点标注即可在坐标设置框获取坐标值,如果未找到您想要的地址可以在地图的相应点双击鼠标生成标注再设置坐标。

滚动鼠标->缩放地图大小,鼠标拖动->上下左右移动地图

//弹出层显示百度地图 --fancybox

$("#various1").fancybox({

'titlePosition': 'inside',

'transitionIn': 'none',

'transitionOut': 'none'

});

var map = new BMap.Map("container");

map.setDefaultCursor("crosshair");//设置地图默认的鼠标指针样式

var lntAndLog=$('#map').val().split(",");

map.centerAndZoom(new BMap.Point(lntAndLog[0],lntAndLog[1]), 12);

map.enableScrollWheelZoom(true);

map.addControl(new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_LEFT})); //左上角,默认地图控件

var myCity = new BMap.LocalCity(); //实例化本地地图,基于IP地址

myCity.get(myFun);

map.clearOverlays();

var marker1 = new BMap.Marker(new BMap.Point(lntAndLog[0],lntAndLog[1])); //创建标注

map.addOverlay(marker1);

function showInfo(e){//创建狐狸标注并获取坐标

map.clearOverlays();//清除地图上的覆盖物

var marker1 = new BMap.Marker(new BMap.Point(e.point.lng, e.point.lat)); //创建标注

map.addOverlay(marker1);

document.getElementById("maptxt").value=e.point.lng + "," + e.point.lat;

}

map.addEventListener("dblclick", showInfo);//地图双击鼠标事件

map.addEventListener("click", function(e){//地图单击事件

document.getElementById("maptxt").value = e.point.lng + ", " + e.point.lat;

});

function sear(result){//地图搜索

var local = new BMap.LocalSearch(map, {

renderOptions:{map: map}

});

local.search(result);

}

//设置经纬度

function setmapValue(){

if($("#maptxt").val()==""){

alert('你还没选择相应的坐标点^_^哦');

return false;

}

$("#map").val($("#maptxt").val());

$('#fancybox-close').click();

}

//IP定位获取当前城市

function myFun(result){

var cityName = result.name;

map.setCenter(cityName);

}

Live in the present. Value what you have. 活在当下,珍惜拥有!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值