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

关注

原创最新推荐文章于 2026-11-09 11:31:29 发布 1.6k 阅读 AI 写同款· GEO 优化 ›

KingSCADA工业监控系统：架构解析、实战搭建与进阶应用 SCADA（数据采集与监控系统）是工业自动化领域的核心枢纽，负责实时采集现场设备数据并进行可视化监控。其工作原理基于分布式架构，通过专用协议与PLC、仪表等设备通信，实现数据汇聚与集中管理。该技术的核心价值在于提升生产过程的透明度、可靠性与决策效率，广泛应用于智慧水务、智能制造、能源监控等场景。本文聚焦于KingSCADA这一中高端解决方案，深入剖析其**IO服务器与应用服务器分离**的架构设计，这种设计有效实现了性能与稳定性的解耦，并支持灵活的分布式部署。同时，系统采用**面向对象的工程模型**，通过模板阅读详情

<!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>

收录于