<!DOCTYPE>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>百度地图</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
</head>
<body>
<input type="text" id="cityName" value="上海"/>
<input type="button" onclick="setCity()" value="查找" />
<div id="container" style="width:1024px;height:600px;"></div>
<script type="text/javascript">
var map = new BMap.Map("container"); //在container容器中创建一个地图,参数container为div的id属性;
var point = new BMap.Point(120.2,30.25); //创建点坐标
map.centerAndZoom(point, 14); //初始化地图，设置中心点坐标和地图级别
map.enableScrollWheelZoom(); //激活滚轮调整大小功能
map.addControl(new BMap.NavigationControl()); //添加控件：缩放地图的控件，默认在左上角；
map.addControl(new BMap.MapTypeControl()); //添加控件：地图类型控件，默认在右上方；
map.addControl(new BMap.ScaleControl()); //添加控件：地图显示比例的控件，默认在左下方；
map.addControl(new BMap.OverviewMapControl()); //添加控件：地图的缩略图的控件，默认在右下方； TrafficControl
var search = new BMap.LocalSearch("中国", {
onSearchComplete: function(result){
if (search.getStatus() == BMAP_STATUS_SUCCESS){
var res = result.getPoi(0);
var point = res.point;
map.centerAndZoom(point, 11);
}
},renderOptions: { //结果呈现设置，
map: map,
autoViewport: true,
selectFirstResult: true
} ,onInfoHtmlSet:function(poi,html){//标注气泡内容创建后的回调函数，有了这个，可以简单的改一下返回的html内容了。
// alert(html.innerHTML)
}//这一段可以不要，只不过是为学习更深层次应用而加入的。
});
function setCity(){
search.search(document.getElementById("cityName").value);
}
search.search(document.getElementById("cityName").value);
</script>
</body>
</html>
相关推荐
"百度地图javaweb"项目就是这样一个示例，它结合了百度地图API，为用户提供了一种在Web应用中查找路线、计算距离和时间的功能。下面将详细阐述相关知识点。 1. **百度地图API**：百度地图API是百度提供的一个开放...
根据给定的文件信息“百度地图视频教程javaweb”，我们可以从中提炼出一系列与百度地图API集成到JavaWeb项目中的相关知识点。以下是对这些知识点的详细解析： ### 一、百度地图API简介 百度地图API（Application ...
在本文中，我们将深入探讨“百度地图Web使用实例”，这是一个基于百度地图JavaScript API的应用示例，旨在帮助开发者更好地理解和使用百度地图服务。该实例可以直接运行，为初学者提供了直观的学习平台，同时也为有...
这些是调用百度地图接口时必不可少的身份凭证。 在代码中，我们看到`BaiduWebAPI`类是主要的处理类，它包含两个方法：`gpsLocation()` 和 `ipLocation()`。这两个方法分别用于通过经纬度和IP地址获取地理位置信息。...
- 通常我们会集成第三方地图服务，如高德地图、百度地图或谷歌地图API，将获取到的经纬度用于在地图上显示用户的位置。这些服务提供了丰富的地图操作接口，包括标注、搜索、路线规划等。 3. **地图控件嵌入**： -...
这一功能在许多领域都有广泛的应用，例如地图服务、位置定位、物流配送等。下面将详细介绍这个项目的核心技术和实现步骤。 首先，我们需要理解地理坐标系统。在地球表面，每个位置都可以用经度和纬度来唯一表示。...
- **百度地图API**：在“酒店伴侣”项目中，他利用百度地图的开放接口进行定位服务。 - **Gson框架**：用于网络数据的访问和JSON解析，提高了数据处理效率。 - **SQLite和SharedPreferences**：分别用于存储用户数据...
8. **地图API集成**：为了显示停车场位置和实时车位分布，可以集成高德地图、百度地图等地图API，提供可视化服务。 9. **RESTful API设计**：为了与其他系统（如移动App）进行数据交换，系统可能采用RESTful API...