正在回答 回答被采纳积分+1
2回答
卡布琦诺
2019-11-24 11:09:37
同学你好，在第四章讲解路线的时候，是有涉及到的，但是“定位到当前位置”不是本节课的重点，因此没有单独拿出来讲解，这里老师给你一个案例参考：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>定位到当前位置</title>
<style>
#container{
margin-left:auto;
margin-right:auto;
height:550px;
width:280px;
}
</style>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div id="container">
</div>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=a4df1b5a57b9ba3e9be795464b7009ac"></script>
<script>
$(function () {
var map = new AMap.Map('container');
map.setZoom(15);
map.plugin(['AMap.Scale'], function () {
var scale = new AMap.Scale({});
map.addControl(scale);
});
map.plugin('AMap.Geolocation', function () {
var geolocation = new AMap.Geolocation({
enableHighAccuracy: true,// 是否使用高精度定位，默认：true
convert:true,
showMarker:true,
panToLocation:true,
timeout: 10000
});
geolocation.getCurrentPosition();
map.addControl(geolocation);
AMap.event.addListener(geolocation, 'complete', onComplete)
AMap.event.addListener(geolocation, 'error', onError)
function onComplete(data) {
// data是具体的定位信息
window.alert("定位成功！");
}
function onError(data) {
// 定位出错
window.alert("定位出错！");
}
})
});
</script>
</body>
</html>如果我的回答帮助你了，望采纳，祝学习愉快！
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星