Javascript 如何在GMAP上创建多个矩形？

我想在GMAP上创建多个矩形，但我不知道该把代码放在哪里

这是我的示例代码

函数初始化映射{ var map=new google.maps.Mapdocument.getElementById'map'{ 缩放：5， 中心：{lat:37.0924，lng:-119.4179324}， mapTypeId:'地形' }; var contentString=+ Uluru，也称为艾尔斯岩，是一种大型岩石 ; var infowindow=new google.maps.infowindow{ 内容：contentString }; var rectangle=new google.maps.rectangle{ strokeColor:'FF0000'， 笔划不透明度：0.8， 冲程重量：2， fillColor:'FF0000'， 不透明度：0.35， 地图：地图， 界限： 新的google.maps.LatLngBounds 新的google.maps.LatLng， 新的google.maps.LatLng， , }; 矩形.addListener'click'，函数{ infowindow.openmap，矩形； }; } 地图{ 身高：100%； } html，正文{ 身高：100%； 保证金：0； 填充：0； } 矩形

---

添加一个单独的矩形变量：

函数初始化映射{ var map=new google.maps.Mapdocument.getElementById'map'{ 缩放：5， 中心：{lat:37.0924，lng:-119.4179324}， mapTypeId:'地形' }; var rectangle=new google.maps.rectangle{ strokeColor:'FF0000'， 笔划不透明度：0.8， 冲程重量：2， fillColor:'FF0000'， 不透明度：0.35， 地图：地图， 界限： 新的google.maps.LatLngBounds 新google.maps.LatLng 37.778261，-119.4179324，新google.maps.LatLng 36.255123，-115.2383485， , }; var rectangle2=新的google.maps.Rectangle{ strokeColor:'FF0000'， 笔划不透明度：0.8， 冲程重量：2， fillColor:'FF0000'， 不透明度：0.35， 地图：地图， 界限： 新的google.maps.LatLngBounds 新google.maps.LatLng 30.778261，-119.4179324，新google.maps.LatLng 29.255123，-115.2383485， , }; } 地图{ 身高：100%； } html，正文{ 身高：100%； 保证金：0； 填充：0； } 矩形

---

可能与数据库中的数据重复？创建表map_id int11 NOT NULL、nelat double10,6 NOT NULL、nelng double10,6 NOT NULL、swlat double10,6 NOT NULL、swlng double10,6 NOT NULL、info text NOT NULL ENGINE=InnoDB DEFAULT CHARSET=latin1；在地图id中插入nelat，nelng，swlat，swlng，信息值2，44.862416，-78.423774，44.753911，-78.629774，“区域1'，4，45.064525，-79.082954，44.956401，-79.288954，“区域2'，5，44.815674，-77.127387，44.7081，-77.333387，“区域3”；注释中的代码是数据库创建代码，而不是在地图上创建矩形所需的数据。请回答您的问题并发表评论。谢谢您，这很有效。但是我总是必须创建一个变量吗？所以如果我有100个数据，那么我必须创建var rectangle100？你能给我简单的代码吗？cz我有很多数据，并与数据库集成，这是我知道的唯一方法。如果您希望通过数据库使其动态化，我相信这是可能的，但不确定自己最好的方法。