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

最新推荐文章于 2024-07-12 16:27:40 发布

飞羽飞之猪

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量1.5k

点赞数 1

分类专栏： JavaScript 文章标签： javascript JavaScript

本文链接：https://blog.csdn.net/snailjava/article/details/8157162

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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&region=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>

飞羽飞之猪

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在谷歌地图上随机生成指定数量的点，测试负载能力的代码。

Insert title heresrc="http://ditu.google.cn/maps/api/js?sensor=false&language=zh&region=cn">var coor;var map;var pointArray = new Array();var posArray = new Array();var polyL
复制链接

扫一扫