一直以来都是以做企业站为主。基本每个项目都要用到地图。今天写了个百度的地图。红色标记,跳动显示地址所在位置,点击显示详细信息!!!
1.引用百度
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
地址。
2.Js代码
<script type="text/javascript">
var address = '上海市普陀区中江路879号天地软件园';
var map = new BMap.Map("containerP");
var opts = {
width: 250, // 信息窗口宽度
height: 60, // 信息窗口高度
title: "小耗梓-菜谱网(http://www.nuoers.com)" // 信息窗口标题
}
var infoWindow = new BMap.InfoWindow("地址:" + address, opts); // 创建信息窗口对象
var point = new BMap.Point(121.395525, 31.173944);
var marker = new BMap.Marker(point);
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
map.centerAndZoom(point, 19);
map.addOverlay(marker);
marker.addEventListener("click", function () {
this.openInfoWindow(infoWindow);
});
map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用
map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用
</script>