您的位置:博客首页 >> 程序源码 >> 百度地图调用

百度地图调用

日志编号: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>
本站不提供讨论功能。
本站所有非新闻类文章均为原创,且禁止转载。
本站为了获得更多流量赚取广告费,难免会有以次充好的文章,望见谅,勿鄙视。