您的位置：首页 > 编程语言

在谷歌地图上随机生成指定数量的点，测试负载能力的代码。

2012-11-07 13:16 399 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript"

src="http://ditu.google.cn/maps/api/js?sensor=false&language=zh®ion=cn"></script>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

var coor;

var map;

var pointArray = new Array();

var posArray = new Array();

var polyLine;

function geo_initialize() {

if (map == null) {

coor = new google.maps.LatLng(32.029026, 118.831535);

var mapOptions = {

center : coor,

zoom : 11,

overviewMapControl : true,

overviewMapControlOptions : {

opened : true

},

panControl : false,

zoomControl : true,

zoomControlOptions : {

style : google.maps.ZoomControlStyle.LARGE

},

mapTypeId : google.maps.MapTypeId.ROADMAP,

scaleControl : true,

streetViewControl : false

};

geocoder = new google.maps.Geocoder();

map = new google.maps.Map(document.getElementById("map_canvas"),

mapOptions);

}

}

function addRandomPointOnMap() {

var pointSum = $("#pointSum").attr("value");

for ( var i = 0; i < pointArray.length; i++) {

pointArray[i].setMap(null);

}

if(polyLine!=null){

polyLine.setMap(null);

}

pointArray = new Array();

posArray = new Array();

for ( var i = 0; i < pointSum; i++) {

var pos = new google.maps.LatLng(32031180/ 1000000+i/1000, 118827401/ 1000000+i/1000, true);

var marker = new google.maps.Marker({

map : map,

visible : true,

draggable : false,

position : pos,

title : "point" + i

});

pointArray.push(marker);

posArray.push(pos);

}

polyLine = new google.maps.Polyline({

map : map,

path : posArray,

strokeColor : "#ff0000",

strokeOpacity : 1.0,

strokeWeight : 5

});

}

$(function() {

geo_initialize();

});

</script>

</head>

<body>

<div id="map_canvas"

style="width: 1300px; height: 550px; top: 0px; left: 0px;"></div>

<div id="operation_canvas"

style="width: 1300px; height: 50px; top: 550px; left: 0px;">

<form>

随机生成的点数量:

<input type="text" id="pointSum" value="100" />

<input type="button" id="makeRandomPointBtn" value="确认"

onClick="addRandomPointOnMap()" />

</form>

</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航