java如何使用百度地图?怎么把百度地图显示在窗口上? 百度地图java 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>设置城市demo</title><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><script type="text/javascript" src="http://api.map.baidu.com/api?key=79d13dd2c1076b1ad827484228ee4dea&v=1.1&services=true" ></script></head><body><input type="text" id="cityName" /><input type="button" onclick="setCity()" value="设置" /><div id="container" style="width:500px;height:400px"></div><script>var map = new BMap.Map("container");map.addControl(new BMap.NavigationControl());map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);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); alert(document.getElementById("cityName").value);}</script></body></html> 这个复制粘贴看看吧!<!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> 直接使用 百度在线的api就行,不过要有网络才能用的,,,, 百度有地图的API,自己熟悉下嵌进去,注册key不然老弹窗。 ejb3.0 jboss上发布异常 关于HttpClient4.x实现登陆网站进行操作不能保存登陆状态的问题。。。 struts2开发action找不到的问题 求SSH整合jar包 复杂的1对1关联的查询问题,等待大家解答。散分 谁有能力开发搜索工具条的进来看看。。。 武汉:有没有人想学Java和J2EE?我收徒弟! CMP中出现这样的错误,大家看看是怎么了?谢谢! 请了解cocoon的高手介绍一下cocoon,或者给一些相关的电子文档 高分求助!我在部署EJB出现以下错误,请高手指点! 什么样的代码是可扩展.易维护的? java 如何获取新闻网页源码内容中的发布时间时间?
<html>
<head>
<title>设置城市demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<script type="text/javascript" src="http://api.map.baidu.com/api?key=79d13dd2c1076b1ad827484228ee4dea&v=1.1&services=true" ></script>
</head>
<body>
<input type="text" id="cityName" />
<input type="button" onclick="setCity()" value="设置" />
<div id="container" style="width:500px;height:400px"></div>
<script>
var map = new BMap.Map("container");
map.addControl(new BMap.NavigationControl());
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);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);
alert(document.getElementById("cityName").value);
}
</script>
</body>
</html>
<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>