|
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8" />
- <script>
- var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
- CSS.supports('top: constant(a)'))
- document.write(
- '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
- (coverSupport ? ', viewport-fit=cover' : '') + '" />')
- </script>
- <title></title>
- <!--preload-links-->
- <!--app-context-->
- <script src="https://webapi.amap.com/maps?v=1.4.15&key=a24126d522c5dedb7791207742b6360b"></script>
- <script type="text/javascript">
- //初始化地图时，若center属性缺省，地图默认定位到用户所在城市的中心
- var map = new AMap.Map('container', {
- resizeEnable: true
- });
- AMap.plugin('AMap.Geolocation', function() {
- var geolocation = new AMap.Geolocation({
- enableHighAccuracy: true,//是否使用高精度定位，默认:true
- timeout: 10000, //超过10秒后停止定位，默认：5s
- buttonPosition:'RB', //定位按钮的停靠位置
- buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
- zoomToAccuracy: true, //定位成功后是否自动调整地图视野到定位点
-
- });
- map.addControl(geolocation);
- geolocation.getCurrentPosition(function(status,result){
- console.log(status,result);
- if(status=='complete'){
- console.log("result",result);
- window.localStorage.setItem('userLocation',result.position.lng+','+result.position.lat)
- }
- });
- });
- </script>
- </head>
- <body>
- <div id="app"><!--app-html--></div>
- <div id="container"></div>
- <script type="module" src="/src/main.ts"></script>
- </body>
- </html>
|
