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

html-css07

如何将高德地图直接用到html中,第1张

将高德地图用到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文件，该文件实现的主要功能是：初始化地图并且实现首次定位，地图会自动移动到定位点，我们一会便要基于这个文件来完成地图自动实时定位的功能。

将高德地图用到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文件，该文件实现的主要功能是：初始化地图并且实现首次定位，地图会自动移动到定位点，我们一会便要基于这个文件来完成地图自动实时定位的功能。