如何将高德地图直接用到html中？

将高德地图用到html中步骤：

1、页面引入API：

1<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>

2、html：

1<div id="container" style="width:500px height:300px"></div>

3、JS代码：

1234var map = new AMap.Map('container',{    zoom: 10,    center: [116.39,39.9]})

HTML5怎么用高德地图API返回当前位置的经纬度：

1、当手机采集的地理位置（经纬度）发生改变时在界面上显示出改变后的经纬度。

2、如果开发过android原生定位程序的开发者应该对这部分代码不陌生，中规中矩，先注册位置监听服务，然后当位置发生改变后出发onLocationChanged()方法。

3、现在请在官网上下载示例代码，导入工程后开启包com.amap.cn.apis.location中的MyLocation.java文件，该文件实现的主要功能是：初始化地图并且实现首次定位，地图会自动移动到定位点，我们一会便要基于这个文件来完成地图自动实时定位的功能。

不用。鹰眼看图是高德地图自带的插件软件，可以通过卫星接受到的图像直接显示在地图软件中，直接显示到周围的大致景象，可以方便使用者更加直观的辨别自己所处的位置，是一款非常好的插件，同时插件对于电子设备没有任何影响，可以正常使用。

高德地图本地可以加载出来，打包后部署环境上就加载不出原因是页面在打包后如果不进行相关配置会导致资源文件特别的大，一次想要全部加载完成会特别的耗时。根据查询相关公开信息，去掉编译文件中map文件。在编译好后，会看到文件夹下有特别多的.map文件，这些文件主要是帮助线上调试代码，查看样式。为了避免部署包过大，都不生成这些文件。懒加载即组件的延迟加载，通常vue的页面在运行后进入都会有一个默认的页面，而其他页面只有在点击后才需要加载出来。使用懒加载可以将页面中的资源划分为多份，从而减少第一次加载的时候耗时。

---