javaweb中调用百度地图定位
<!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>
阅读更多- Android百度地图定位API onReceiveLocation没有调用?
- Ionic 调用百度地图插件定位获取不到权限
- 调用百度地图实现定位功能
- js 调用百度地图,并且定位用户地址,显示省市区街,经纬度
- Android调用百度地图Web端接口,实现百度定位、导航
- android调用百度地图定位与附近搜索
- javaweb中使用百度地图进行定位
- 调用百度地图实现在地图上定位
- 根据官方api调用百度地图定位
- 安卓调用百度地图定位自己的位置,然后分享自己的位置信息生成链接短串。
- Android调用百度地图Web端接口,实现百度定位、导航
- 百度地图定位以及方向传感器的调用
- 关于app内嵌h5页面调用百度地图定位问题,为什么定位不准呢?
- Android 百度地图开发(一)如何调用百度地图接口和在项目中显示百度地图以及实现定位
- webView调用百度地图的定位问题
- js 调用百度地图,并且定位用户地址,显示省市区街,经纬度
- 百度地图不停的调用定位方法,消耗资源与费电
- 调用手机GPS实现当前位置定位并展现百度地图上
- js调用百度地图接口实现定位功能
- 百度地图无法定位,即无法调用onReceiveLocation。