1、1ltdiv id=quotcontainerquot style=quotwidth500px height300pxquotltdiv 3JS代码1234var map = new AMapMap#39container#39， zoom 10， center 11639，399HTML5怎么用高德地图API返回当前位置的经。

2、1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果。

3、可以在百度地图官网获取百度地图的网页代码1打开百度搜索“百度地图生成器”，在展开的搜索结果中找到百度地图生成官网并点击进入2在百度地图生成官网，输入默认的地图位置，然后点击“查找”按钮3找到地图后点击地图底部。

4、ltstyle type=quottextcssquot lt！ alink color #000000textdecoration avisited textdecoration color # ahover textdecoration color #0000FF aactive text。

5、在支持html5地理定位API的浏览器上，windownavigator对象新增了一个geolocation属性，以及相关的Geolocation API都是用JS进行访问的下面是一个例子lt！doctype html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot。

6、4这里也可以引入街景地图，搜索地点，规划路线等，官网都有详细的教程和代码，点击进去就能查看，也可以在线编辑运行代码，非常适合开发者学习至此，我们就完成了在html网页中引入腾讯地图总的来说，整个过程不难，就是。

7、usemap属性的用法使用时ltimg src=quottestgifquot usemap=quot#Mapquot这里的#后面的Map为我们自定义的图像地图的名称，可以任意设定针对你的问题，具体代码如下ltdiv ltimg usemap=quot#Mapquot src=quotquartersgifquot s。

8、至此，简单的百度地图位置设置完毕，接下来就是将地图插入网页第五步点击“获取代码”，弹出框里面的代码就是我们想要的将代码复制到空的html文件中保存，命名为“lewan100”。

9、以下为html5代码，获取地理位置 function getLocation 检查浏览器是否支持地理位置获取 if navigatorgeolocation 若支持地理位置获取，成功调用showPosition，失败调用showError alertquot正在努力获取位置。

10、你先写一个正常的导航，给导航添加以下CSS样式 style=quot positionfixed zindex99 left0 border0quot。

11、创建成功后，当前的应用就会显示在应用列表中，这里我们需要记住应用的AK值，后面的html代码中需要用到，如下2创建成功后，我们就可以在网页中引入街景地图了，主要是创建一个div容器，然后通过JSAPI引入街景地图到这个容器。

12、获取代码如下注意通常我们在网页中只要插入以下代码，小虫标注出来，其余的可不用1在ltheadlthead间插入下面代码这是样式和JS脚本lt！引用百度地图API ltstyle type=quottextcssquot html，bodymargin。

13、2在百度地图生成官网，输入默认的地图位置，然后点击“查找”按钮3找到地图后点击地图底部的“获取代码”按钮获取地图源代码4创建一个新的html文档，并将之前复制的代码粘贴到html文档中这时，网页上添加了百度地图百。

14、5设置以后查看效果6另外两个也是标注工具，使用方法和这个是一样的7获取代码，以上都设置好了以后，就可以获取地图代码了 8复制地图代码插入到网站的页面源文件中，如果你是在网站后台编辑中想要插入地图，就点击。

15、方法步骤 通过浏览器打开这个连接，你会看到如下图选择当前城市，然后输入具体地址，搜索添加标注，展开后有三种形式，如图 默认选择第一种形式，把鼠标放入右边的地图。