php利用百度地图定位案例,使用百度地图API获取手动定位位置信息实例讲解

需求

后台新增/编辑活动项目时，用户可以自己通过地图插件选择位置(手动定位)，选择后，系统能够获得当前位置的地址信息以及坐标信息，以方便后续程序的处理。

代码

不啰嗦，直接看代码：

表单页面(截选)：

地址

点击选择

经纬度

$(function(){

// 拾取坐标

$('#getgps').on('click',function(){

//iframe层

layer.open({

index:'oif',

type: 2,

title: '拾取坐标',

shadeClose: true,

shade: 0.8,

area: ['60%', '70%'],

content: "{:url('admin/baidumap/getgps')}" //iframe的url

});

});

});

function close_f() {

layer.closeAll();

}

地图弹出层页面：

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

单击获取点击的经纬度

// 百度地图API功能

var map = new BMap.Map("allmap"); // 创建对象

map.centerAndZoom("合肥",12); // 初始文职

map.enableScrollWheelZoom(true); // 允许鼠标滚轮放大缩小

//单击获取点击的经纬度

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

window.parent.$('#longitude').val(e.point.lng);

window.parent.$('#latitude').val(e.point.lat);

var get_address_url = " http://api.map.baidu.com/geocoder/v2/?output=json&ak=D609d0ffb67e0b155cdb15681cdc85ab&location="+e.point.lat+","+e.point.lng+"";

$.get("{:url('admin/baidumap/getpagecontent')}",{link:get_address_url},function(data){

data = JSON.parse(data);

var location_url = data.result.formatted_address;

var isw = window.parent.$('#address').val(location_url);

if(isw){

window.parent.close_f();

}

});

});

PHP获取页面结果方法：

/**

* 根据网址获取页面内容

*

* @param $link

*

* @return string

*/

public function getPageContent($link)

{

$link = trim($link);

$content = file_get_contents($link);

return $content;

}

总结

流程上可以分为：点击按钮弹出子窗口页面 -> 手动鼠标选择页面位置 -> 父页面地址和坐标分别获取到值 -> 子页面关闭。

技术上主要以百度地图API为核心，layer弹出层和PHP百度api中结果配合，js父子页面传值引导达成目标。

因为很简单，其他的也不多说了，有兴趣的可以申请个ak码试试，百度官方也有很多示例。

地址

JavaScript API 类参考:[http://developer.baidu.com/map/reference/index.php][1]

JavaScript API demo演示：[http://developer.baidu.com/map/jsdemo.htm#a1_2][2]