百度地图在html中怎么自动定位

html-css022

百度地图在html中怎么自动定位,第1张

方法/步骤

通过浏览器打开这个连接:http://api.map.baidu.com/lbsapi/creatmap/,你会看到如下图:

选择当前城市,然后输入具体地址,搜索。

添加标注,展开后有三种形式,如图

默认选择第一种形式,把鼠标放入右边的地图,点击,然后会出现如下图,填写左边的选项,保存。

网页内调用开放的api接口实现用户定位的步骤如下:以百度地图为例

1、百度直接搜【百度地图调用】,点击出现的第二个网站,进入这个网站即可;

2、进入这个网站后,我们首先得输入自己需要定位的地点。比如我们输入【上海】这个城市,输入后点击【查找】选项;

3、经过上一步的操作,我们已经成功地定位到【上海】这个城市了。然后我们点击第二步【设置地图】;

4、在【设置地图】里面有一些关于这个地图本身显示的一些设置选项,比如可以设置地图的【尺寸大小】,地图的【添加按钮】和地图的【状态】;;

5、然后我们开始给我们的地图添加【地图标注】,点击这个【小棒子】图标,然后在我们需要标注的地方鼠点击一下,输入需要修改的名称和备注,然后点击【保存】按钮;

6、经过上面的一些操作后,我们可以看到我们自己添加的地理位置所显示出的效果了;

7、然后我们点击底部的【获取代码】,再点击【复制代码】即可;

8、在vs2012里面新建一个【html】文件,然后把我们刚刚复制过来的代码直接粘贴到里面。然后在vs2012里面选择使用【谷歌浏览器】查看这个【html】文件里面的内容;;

9、这个是在【谷歌浏览器】里面运行出来的,在本地的百度地图显示出地理位置的效果图。可以看到,我们已经成功地调用了百度地图的API接口了。