<!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中调用lua的插件”是一个关键的技术点，它允许Java应用程序与Lua脚本进行交互。这个插件的核心是luajava，它是一个将Lua和Java结合起来的库。 luajava是Luaj项目的一部分，它提供了一种方式...
根据给定的文件信息“百度地图视频教程javaweb”，我们可以从中提炼出一系列与百度地图API集成到JavaWeb项目中的相关知识点。以下是对这些知识点的详细解析： ### 一、百度地图API简介 百度地图API（Application ...
基于javaweb的仿照百度网盘的小型云盘系统源码+sql数据库.zip基于javaweb的仿照百度网盘的小型云盘系统源码+sql数据库.zip基于javaweb的仿照百度网盘的小型云盘系统源码+sql数据库.zip基于javaweb的仿照百度网盘的...
在JavaWeb应用中集成Google Maps是一项常见的需求，用于提供地理定位、导航以及地图展示功能。本Demo主要展示了如何在JavaWeb项目中有效地整合Google Maps API，以实现丰富的地图交互功能。以下将详细介绍这个Demo...
基于javaweb的仿照百度网盘的小型云盘系统源码+数据库，本系统是一个基于javaweb的仿照百度网盘做的小型云盘系统，前端使用bootstrap框架构建，后台未使用框架，使用的是最基本的servlet实现。 基于javaweb的仿照...
标题中的“百度离线地图用myeclipse开发javaweb项目”揭示了本项目的核心内容：使用MyEclipse集成开发环境来构建一个Java Web应用程序，目的是实现百度离线地图的功能。MyEclipse是Eclipse的一个扩展，专为Java...
可实现通过javaWeb页面控制串口，调用串口数据，发送串口指令等操作。可同时监听多个串口，并同时向多个串口发送和接收消息。内含已经写好的串口监听类，定时器，以及串口数据转换方法，二进制、十进制互转、十进制...
在JavaWeb开发中，JavaBean常被用作数据传输对象（Data Transfer Object, DTO）或实体类（Entity），便于数据的传递和存储。 ### 开发工具与环境 #### IDE选择 常用的JavaWeb开发IDE有Eclipse、IntelliJ IDEA等。...
JavaWeb调用打印机控件Lodop是一种在Web应用程序中实现打印功能的技术。Lodop是一款功能强大的打印控件，由上海云表科技有限公司开发，主要用于网页无插件打印，支持各种复杂的打印需求，如多联单据打印、条形码、...
参考了百度开发api文档整合，百度api地址：http://lbsyun.baidu.com/ 输入城市名称，在地图上定位到当前城市，并且输出经度和纬度，输入出发地和目的地分别定位，并查找两地之间的行车距离、时间以及路径分步骤。
【标签】中的"javaweb"指该系统是用Java语言结合Web技术实现的，JavaWeb是Java在Web应用领域的应用，它利用Servlet、JSP（JavaServer Pages）、JSTL（JavaServer Pages Standard Tag Library）等技术构建动态网站。...
下面我们将详细探讨JavaWeb、MySQL数据库以及JSP在构建此类系统中的应用。 1. **JavaWeb**：JavaWeb是Java技术在Web开发中的应用，主要包括Servlet、JSP、JavaBean等组件。Servlet是Java服务器端程序，负责处理HTTP...
在JavaWeb中，Servlet经常被用作控制器，它监听HTTP请求，解析请求参数，然后调用Model层的服务进行业务处理。此外，Spring MVC框架提供了更高级的Controller抽象，如@RequestMapping注解，使得请求映射更加灵活，且...
【标题】"javaweb项目——jsp百度近日收录量查询系统"揭示了这是一个基于JavaWeb技术的项目，主要功能是查询百度搜索引擎对指定网站的最近收录情况。在JavaWeb开发中，JSP（JavaServer Pages）是一种动态网页技术，...
4. **接口调用**：在Web应用中集成百度鹰眼的API，用于数据上报、轨迹查询、报警设置等功能。 5. **前端展示**：开发用户界面，展示监控数据和控制台功能，可以使用HTML、CSS和JavaScript，配合AJAX进行动态交互。 ...
7. **错误处理与日志记录**：在实现过程中，需要考虑网络错误、API调用错误等各种异常情况，进行适当的错误处理，并记录日志，以便于调试和问题定位。 8. **安全考虑**：在传输敏感的API密钥或用户语音数据时，确保...
动力节点老杜javaweb笔记
JavaWeb作业11,javaweb对MySql数据库的调用