java 引入百度地标地图

js引入

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5GvAQvq8wloZc5KcDoL8a4z5"></script>

样式给<div>

<div class="map-wrap">
	<div id="allmap" class="map-box">
		<script type="text/javascript">
			var map = new BMap.Map('allmap');
			map.centerAndZoom(new BMap.Point(115,
					60), 14);
			map.setCurrentCity("郑州");
			map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件
			map.addControl(new BMap.ScaleControl()); // 添加比例尺控件
			map.addControl(new BMap.OverviewMapControl()); // 添加缩略地图控件
			// map.enableScrollWheelZoom();                      // 启用滚轮放大缩小
			map.disable3DBuilding();
			var styleJson = [ {
				"featureType" : "highway",
				"elementType" : "labels.text.fill",
				"stylers" : {
					"color" : "#374a46"
				}
			}, {
				"featureType" : "road",
				"elementType" : "geometry.fill",
				"stylers" : {
					"color" : "#8c99f8ff",
					"visibility" : "on"
				}
			}, {
				"featureType" : "local",
				"elementType" : "geometry.fill",
				"stylers" : {
					"color" : "#cad0f9ff"
				}
			}, {
				"featureType" : "land",
				"elementType" : "geometry.fill",
				"stylers" : {
					"color" : "#d5d8f9ff",
					"visibility" : "on"
				}
			}, {
				"featureType" : "medicallabel",
				"elementType" : "geometry.fill",
				"stylers" : {
					"visibility" : "off"
				}
			}, {
				"featureType" : "building",
				"elementType" : "all",
				"stylers" : {
					"visibility" : "off"
				}
			}, {
				"featureType" : "scenicspots",
				"elementType" : "all",
				"stylers" : {
					"visibility" : "off"
				}
			}, {
				"featureType" : "medical",
				"elementType" : "all",
				"stylers" : {
					"visibility" : "off"
				}
			}, {
				"featureType" : "education",
				"elementType" : "all",
				"stylers" : {
					"visibility" : "off"
				}
			}, {
				"featureType" : "educationlabel",
				"elementType" : "all",
				"stylers" : {
					"visibility" : "off"
				}
			}, {
				"featureType" : "scenicspotslabel",
				"elementType" : "all",
				"stylers" : {
					"visibility" : "off"
				}
			}, {
				"featureType" : "manmade",
				"elementType" : "all",
				"stylers" : {
					"visibility" : "off"
				}
			}, {
				"featureType" : "poilabel",
				"elementType" : "all",
				"stylers" : {
					"visibility" : "off"
				}
			} ]
			map.setMapStyle({
				styleJson : styleJson
			});
			var point = new BMap.Point(115, 60);//经纬
			map.centerAndZoom(point, 15);
			var marker = new BMap.Marker(point); // 创建标注
			map.addOverlay(marker); // 将标注添加到地图中
			marker.setAnimation(BMAP_ANIMATION_BOUNCE); // 跳动的动画
		</script>
	</div>
</div>

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小一猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值