程序设计-百度地图API获取经纬度

准备工作

新建一张html页面。然后引用上API:

1.3版本以上的话要加上key:

在body中添加一个div,用来加载地图用,简单写下样式。

javascript代码,来调用api中的方法。首先创建一个地图,然后设置地图显示的中心地图,及显示的放大倍数:

启动地图的方法缩小功能,以及地图的拖拽功能:

添加上缩放的平移控件,以及地图的缩略图控件,并设置他要显示的位置:

“BMAP_ANCHOR_BOTTOM_RIGHT”为控件显示的位置,表示控件位于地图的右下角,可以按照自己的喜欢添加参数值。

主要有以下四种:
BMAP_ANCHOR_TOP_LEFT 表示控件定位于地图的左上角。
BMAP_ANCHOR_TOP_RIGHT 表示控件定位于地图的右上角。
BMAP_ANCHOR_BOTTOM_LEFT 表示控件定位于地图的左下角。
BMAP_ANCHOR_BOTTOM_RIGHT 表示控件定位于地图的右下角。

核心功能

页面上添加两个文本框,和一个查询按钮。第一个文本框是用来输入要查询的地址,第二个文本框是用来显示查询所得的经纬度。

构建一个查询:

获取地址的具体经纬度:

我们还可以添加标注点到我们要查询的地址上。于是,将上面的代码可以进一步改成:

在标注上添加详情信息,使点击后能看到具体信息。于是,再一次修改代码:

下面是效果图:

程序设计-百度地图API获取经纬度

下面是完整代码;

 

俊霖

发表评论

您必须