基于gps定位给ecshop手机端增加自动城市插件

以前曾看到有人说php能获取手机的ip，可是，在没有用WiFi并且手机是3G或者4G的卡时，根本无法获取手机的ip，所以在看到许多手机app都在用gps定位后，最模板也去研究了一下，经测试，确实可以获取所在城市。下面，最模板来总结一下最模板的实现方法：

这里要先说明一下，如果手机端是ecshop自带的，那么html代码就写在/mobile/templates/order.dwt中，php代码写在 /mobile/order.php中，如果是独立的手机端，那么html代码就写在/mobile/themes/default/flow.dwt 中，php代码写在/mobile/flow.php中。

第一步，如果是ecshop自带的手机端，在/mobile/templates/order.dwt中，写入如下js代码：

<script>

onload = function() {

var position_option = {

enableHighAccuracy: true,

maximumAge: 30000,

timeout: 20000

};

navigator.geolocation.getCurrentPosition(getPositionSuccess, getPositionError, position_option);

}

function getPositionSuccess( position ){

var lat = position.coords.latitude;

var lng = position.coords.longitude;

document.getElementById("latitude").value=lat;

document.getElementById("longitude").value=lng;

}

function getPositionError(error) {

switch (error.code) {

case error.TIMEOUT:

alert("连接超时，请重试");

break;

case error.PERMISSION_DENIED:

alert("您拒绝了使用位置共享服务，查询已取消");

break;

case error.POSITION_UNAVAILABLE:

alert("获取位置信息失败");

break;

}

}

</script>

并找到<input class="ddbtn" type="submit" name="Submit" value="提交订单" />，在前面写入代码：

<input type="hidden" id="latitude" name="latitude" value="" />

<input type="hidden" id="longitude" name="longitude" value="" />

如果是独立的手机端，找到onload = function() ；在方法内写入代码：

enableHighAccuracy: true,

maximumAge: 30000,

timeout: 20000

};

navigator.geolocation.getCurrentPosition(getPositionSuccess, getPositionError, position_option);

在方法外面写入代码：

function getPositionSuccess( position ){

var lat = position.coords.latitude;

var lng = position.coords.longitude;

document.getElementById("latitude").value=lat;

document.getElementById("longitude").value=lng;

}

function getPositionError(error) {

switch (error.code) {

case error.TIMEOUT:

alert("连接超时，请重试");

break;

case error.PERMISSION_DENIED:

alert("您拒绝了使用位置共享服务，查询已取消");

break;

case error.POSITION_UNAVAILABLE:

alert("获取位置信息失败");

break;

}

}

并找到代码：<input type="submit" name="submit" value="提交订单" class="c-btn3"/>，在前面写入代码：

<input type="hidden" id="latitude" name="latitude" value="" />

<input type="hidden" id="longitude" name="longitude" value="" />

这样手机所在位置的经纬度就传到了相应的php文件中。

第二步，两种手机wap网站端都是一样的操作，先找到代码：$GLOBALS['db']->autoExecute($GLOBALS['ecs']->table('order_info'), $order, 'INSERT');

在前面写入代码：

$wei=$_POST['latitude'];

$jing=$_POST['longitude'];

$local_city=getRealyAddress($wei,$jing);

$order['order_city']=$local_city;

并在文件末尾写入代码：

function getRealyAddress($wei,$jing){

$place_url='http://api.map.baidu.com/geocoder?output=json&location='.$wei.','.$jing.'&key=ccea36ece20a7a6eb0666bc726957e85';

$json_place=file_get_contents($place_url);

$place_arr=json_decode($json_place,true);

$address=$place_arr['result']['addressComponent']['city'];

return $address;

}

如此，便大功告成了！