百度地图调用
日志编号:142 发表时间: 2013-02-07 17:42:11 关注次数:3828网站上用的,对于小地方而言,百度地图不如GG地图显示的舒服,百度地图的小街道看着很费力。但是GG地图又怕被和谐……
<style type="text/css">
#allmap {width:646px;height:400px;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<div><div id="allmap"></div>
<script type="text/javascript">
var map = new BMap.Map("allmap");
var point = new BMap.Point(119.891555,29.449864);//坐标,从数据库中读取
map.centerAndZoom(point, 18);// 初始化地图,设置城市和地图级别。
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
var opts = {
width : 250, // 信息窗口宽度
height: 60, // 信息窗口高度
title : "标题" // 信息窗口标题
}
var infoWindow = new BMap.InfoWindow("介绍内容正文", opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow,point); //自动开启信息窗口
marker.addEventListener("click", function(){this.openInfoWindow(infoWindow);}); //点击弹出,否则关闭后弹不出
map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用
map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用
</script>
<style type="text/css">
#allmap {width:646px;height:400px;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<div><div id="allmap"></div>
<script type="text/javascript">
var map = new BMap.Map("allmap");
var point = new BMap.Point(119.891555,29.449864);//坐标,从数据库中读取
map.centerAndZoom(point, 18);// 初始化地图,设置城市和地图级别。
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
var opts = {
width : 250, // 信息窗口宽度
height: 60, // 信息窗口高度
title : "标题" // 信息窗口标题
}
var infoWindow = new BMap.InfoWindow("介绍内容正文", opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow,point); //自动开启信息窗口
marker.addEventListener("click", function(){this.openInfoWindow(infoWindow);}); //点击弹出,否则关闭后弹不出
map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用
map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用
</script>
本站不提供讨论功能。
本站所有非新闻类文章均为原创,且禁止转载。
本站为了获得更多流量赚取广告费,难免会有以次充好的文章,望见谅,勿鄙视。
本站所有非新闻类文章均为原创,且禁止转载。
本站为了获得更多流量赚取广告费,难免会有以次充好的文章,望见谅,勿鄙视。