7 changed files with 190 additions and 23 deletions
@ -0,0 +1,106 @@ |
|||
extends /layouts/root.pug |
|||
|
|||
block $$head |
|||
script. |
|||
window._AMapSecurityConfig = { |
|||
securityJsCode: "3cdaa3ebcf936fb3d7f4feff592b4daf" |
|||
} |
|||
+js("https://webapi.amap.com/maps?v=2.0&key=28fdbb4bfc3894850769251331f54569&plugin=AMap.Geolocation&plugin=AMap.CitySearch") |
|||
block $$content |
|||
div sadsa |
|||
|
|||
block $$scripts |
|||
script. |
|||
//- console.log("342") |
|||
// 确保在 API 加载完成后执行 |
|||
//- window.onLoad = function() { |
|||
|
|||
AMap.plugin('AMap.CitySearch', function () { |
|||
var citySearch = new AMap.CitySearch() |
|||
citySearch.getLocalCity(function (status, result) { |
|||
console.log(status, result) |
|||
if (status === 'complete' && result.info === 'OK') { |
|||
// 查询成功，result即为当前所在城市信息 |
|||
} |
|||
}) |
|||
}) |
|||
console.log("onLoad") |
|||
// 1. 创建 Geolocation 实例 |
|||
var geolocation = new AMap.Geolocation({ |
|||
enableHighAccuracy: true, // 开启高精度定位 |
|||
timeout: 10000, // 超时时间10秒 |
|||
maximumAge: 0, // 不缓存定位结果 |
|||
convert: true, // 强制开启坐标转换（关键！确保WGS-84转GCJ-02） |
|||
needAddress: true, // 强制返回转换后的地址信息（辅助验证转换结果） |
|||
showButton: false, // 隐藏定位按钮 |
|||
showMarker: false, // 不显示定位点 |
|||
showCircle: false, // 不显示精度圈 |
|||
panToLocation: false, // 不移动地图视野 |
|||
zoomToAccuracy: false // 不调整地图缩放 |
|||
}); |
|||
|
|||
console.log(geolocation) |
|||
// 2. 调用定位方法 |
|||
geolocation.getCurrentPosition(function(status,result){ |
|||
if(status=='complete'){ |
|||
onComplete(result) |
|||
}else{ |
|||
onError(result) |
|||
} |
|||
}); |
|||
//- function onComplete (data) { |
|||
//- console.log(data) |
|||
//- } |
|||
|
|||
//- function onError (data) { |
|||
//- console.log(data) |
|||
//- } |
|||
// 3. 监听定位成功事件 |
|||
//- AMap.event.addListener(geolocation, 'complete', onComplete); |
|||
|
|||
// 4. 监听定位失败事件 |
|||
//- AMap.event.addListener(geolocation, 'error', onError); |
|||
//- }; |
|||
|
|||
/** |
|||
* 定位成功回调函数 |
|||
* @param {Object} data - 定位结果对象 |
|||
*/ |
|||
function onComplete(data) { |
|||
console.log("定位成功:", data); |
|||
const result = { |
|||
经度: data.position.lng, |
|||
纬度: data.position.lat, |
|||
精度: data.accuracy + ' 米', |
|||
地址: data.formattedAddress || '无', |
|||
//- 城市: data.addressComponent.city || '无', |
|||
状态: '成功' |
|||
}; |
|||
console.log("解析后的定位信息:", result); |
|||
// 在这里处理你的定位结果 |
|||
} |
|||
|
|||
/** |
|||
* 定位失败回调函数 |
|||
* @param {Object} data - 失败信息对象 |
|||
*/ |
|||
function onError(data) { |
|||
console.error("定位失败:", data); |
|||
let errorMsg = '未知错误'; |
|||
switch(data.info) { |
|||
case 'PERMISSION_DENIED': |
|||
errorMsg = '用户拒绝了定位请求。'; |
|||
break; |
|||
case 'POSITION_UNAVAILABLE': |
|||
errorMsg = '无法获取当前位置。'; |
|||
break; |
|||
case 'TIMEOUT': |
|||
errorMsg = '定位请求超时。'; |
|||
break; |
|||
case 'UNKNOW_ERROR': |
|||
errorMsg = '发生未知错误。'; |
|||
break; |
|||
} |
|||
console.error("错误详情:", errorMsg); |
|||
// 在这里处理定位失败的情况 |
|||
} |
|||
Loading…
Reference in new issue