打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
基于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文件中。

第二步,两种手机端都是一样的操作,先找到代码:$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;
}

如此,便大功告成了!

(责任编辑:最模板)
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
jQuery Mobile + HTML5 获取地理位置信息
[转载]通过GPS信息获取当前所在城市名的代码
python读取与保存图片的exif信息
Dive Into HTML5:地理位置
iOS中定位当前位置坐标及转换为火星坐标的方法
编程语言PHP计算二点经纬度之间的距离代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服