<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="hidden" name="" id="weidu" >
<input type="hidden" name="" id="jingdu" >
<iframe id="geoPage" width="0" height="0" frameborder="0" style="display:none;" scrolling="no" src="https://apis.map.qq.com/tools/geolocation?key=*******M&referer=Yourapp"></iframe>
</body>
<script>
window.addEventListener('message', function(event) {
var loc = event.data;
$("#weidu").val(loc.lat);
$("#jingdu").val(loc.lng);
// var region="{:getregion()}"+'市';
// var city=loc.city.replace('市', '');
// if(region!=loc.city){
// var r=confirm("当前定位地点不在所选服务区,是否采用定位地点继续下单?");
// if(r){
// $.ajax({
// url: '{:U('Index/region')}',
// type: 'post',//提交的方式
// dataType:'json',
// data:{region:city}
// });
// $("#dizhi").val(loc.province+loc.city+loc.addr);
// }
// }else{
// $("#dizhi").val(loc.province+loc.city+loc.addr);
// }
$("#dizhi").val(loc.province+loc.city+loc.addr);
}, false);
document.getElementById("geoPage").contentWindow.postMessage('getLocation', '*');
</script>
</html>
用腾讯地图的话 是https,可能对于IOS可以 经测试可用,详细看腾讯地图的使用方法