使用百度地图API进行地址定位与周边搜索

4星 · 超过85%的资源需积分: 9 180 浏览量更新于2024-09-13 收藏 10KB TXT 举报

"该资源是一个基于百度地图API实现的网页应用，主要功能包括通过邮政地址进行定位、获取坐标，并提供附件查找、3D控件和全景控件等增强功能。作者分享此代码是为了帮助需要类似功能的开发者节省研究API的时间。" 在本示例中，开发者使用了百度地图API来创建一个地图应用。以下是一些关键知识点： 1. 百度地图API: 百度地图API是百度提供的一套用于开发地图应用的接口，允许开发者在自己的网站或应用中嵌入地图功能，如定位、导航、搜索等。 2. 地址定位: 通过`var point = new BMap.Point(cs);`，开发者将输入的地址（这里用`cs`表示）转换为地图上的坐标点。这通常是通过API提供的地理编码服务完成的。 3. 初始化地图: `var map = new BMap.Map("container");`创建了一个新的地图实例，`container`是地图显示的HTML元素ID。 4. 中心点与缩放级别: `map.centerAndZoom(point, 16);`将地图的中心设置为指定的坐标点，并设置初始缩放级别为16级，意味着能看到比较详细的街道信息。 5. 添加控件: `map.addControl(new BMap.NavigationControl());`、`map.addControl(new BMap.MapTypeControl());`和`map.addControl(new BMap.OverviewMapControl());`分别添加了导航控件（用于平移和缩放）、地图类型切换控件（卫星/普通视图切换）和小地图控件，以提升用户体验。 6. 滚轮缩放与连续缩放: `map.enableScrollWheelZoom();`和`map.enableContinuousZoom();`分别启用了鼠标滚轮缩放和在地图边缘的连续缩放功能。 7. 全景控件: `var stCtrl = new BMap.PanoramaControl();`创建了一个全景控件，允许用户查看360度全景图像。通过`map.addControl(stCtrl);`将其添加到地图上。 8. 事件监听: `$("#mapNavlia").click(function(){...});`使用jQuery监听`mapNavlia`元素的点击事件，当点击时，会触发一个函数更新地图的中心点和显示类型。 9. 自定义函数`: `myfunction(shi, dizhi, leixin)`是自定义的函数，它接受地址参数并调用相关API方法来更新地图状态。在示例中，它被用于根据用户选择的地址和类型（`leixin`）调整地图显示。通过理解和应用这些知识点，开发者可以构建出具有定制化功能的地图应用，满足特定需求，如附近地点搜索、特定位置导航等。

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="~/Scripts/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己的key"></script>
<title>酒店地图</title>
<script type="text/javascript">

$(function () {
var shi = "北京市";
var dizhi = "将台路6号";
myfunction(shi, dizhi, "酒店");
$("#mapNav li a").click(function () {
var shi = "北京市";
var dizhi = "将台路6号";
var str = $(this).attr("leixin");
myfunction(shi, dizhi, str);
});
});

function myfunction(cs, dizhi, leixin) {
var map = new BMap.Map("container");
var point = new BMap.Point(cs);
map.centerAndZoom(point, 16);
map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件

剩余10页未读，继续阅读

qq4990

粉丝: 0
资源: 4

使用百度地图API进行地址定位与周边搜索

全国省市区县乡镇街道邮编及经纬度坐标

百度地图（初始化通过地址定位附件查找）

基于java开发的地图查找附件

地图查找附件 (2).zip

地图查找附件【小程序带后端】.rar

地图查找附件【商城带后台源码】.rar

小程序源码（无后台）_地图查找附件.rar

地图查找附件_微信小程序模板js代码前台前端H5页面源码+后台源码.rar

百度知道怎么回答问题？.docx

Java实现的地图查找附件功能分析

最新资源