正在回答 回答被采纳积分+1
2回答
樱桃小胖子
2019-11-24 11:09:37
同学你好,在第四章讲解路线的时候,是有涉及到的,但是“定位到当前位置”不是本节课的重点,因此没有单独拿出来讲解,这里老师给你一个案例参考:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | <!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积分~
来为老师/同学的回答评分吧