<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="refresh" content="20">
<title>GIS</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=dGp2IYQ4MhMkTqj9HheGbWG29kmGmex7"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(118.811, 31.978), 18);
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());
map.setCurrentCity("南京"); // 仅当设置城市信息时,MapTypeControl的切换功能才能可用
var mapStyle={ style : "bluish" }
map.setMapStyle(mapStyle);
map.enableScrollWheelZoom(true);
var pointA = new BMap.Point(118.809818, 31.976406);
var pointB = new BMap.Point(118.811987, 31.977719);
var pointC = new BMap.Point(118.814345, 31.979128);
var pointD = new BMap.Point(118.810725, 31.976946);
var polylineAB = new BMap.Polyline([
pointA,pointB],
{strokeColor:"green", strokeWeight:6, strokeOpacity:1}
);
var polylineBC = new BMap.Polyline([
pointB,pointC],
{strokeColor:"green", strokeWeight:6, strokeOpacity:1}
);
map.addOverlay(polylineAB);
map.addOverlay(polylineBC);
function addMarker(point, index){ // 创建图标对象
var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {
// 指定定位位置。
// 当标注显示在地图上时,其所指向的地理位置距离图标左上
// 角各偏移10像素和25像素。您可以看到在本例中该位置即是
// 图标中央下端的尖角位置。
anchor: new BMap.Size(10, 25),
// 设置图片偏移。
// 当您需要从一幅较大的图片中截取某部分作为标注图标时,您
// 需要指定大图的偏移位置,此做法与css sprites技术类似。
imageOffset: new BMap.Size(0, 0 - index * 25) // 设置图片偏移
});
// 创建标注对象并添加到地图
var marker = new BMap.Marker(point, {icon: myIcon});
map.addOverlay(marker);
return marker;
}
//var markerA = new BMap.Marker(pointA); // 创建标注
//var markerB = new BMap.Marker(pointB); // 创建标
//var markerC = new BMap.Marker(pointC); // 创建标
//map.addOverlay(markerA); // 将标注添加到地图中
addMarker(pointA, 0);
addMarker(pointB, 1);
addMarker(pointC, 2);
addMarker(pointD, 10).setAnimation(BMAP_ANIMATION_BOUNCE);
//map.addOverlay(markerB); // 将标注添加到地
//map.addOverlay(markerC); // 将标注添加到地
</script>
</body>
</html>
评论0