<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?key=">
</script>
<script>
var myCenter = new google.maps.LatLng(39.839472,116.288262);
//模拟数据
var data = '[{"siteTreeNo":"1","siteName":"站点1","lat":39.839472,"lon":116.288262,"alarmCount":15,"alarmLevel":0},{"siteTreeNo":"2","siteName":"站点2","lat":39.844835,"lon":116.289155,"alarmCount":5,"alarmLevel":1},{"siteTreeNo":"3","siteName":"站点3","lat":39.9219731094,"lon":116.655365911,"alarmCount":23,"alarmLevel":2}]';
data = JSON.parse(data);
var markersArray = [];
var map;
function initialize(){
var mapProp = {
center:myCenter,
zoom:9,//缩放级数
mapTypeId:google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElemen
js谷歌地图
本文介绍如何利用JavaScript与谷歌地图API结合,创建交互式的地图应用,包括添加标记、设置缩放级别和显示信息窗口等。
摘要由CSDN通过智能技术生成