如何使用API​​ V3在每个页面上显示多个Google Maps

如何使用API​​ V3在每个页面上显示多个Google Maps

这就是我使用能够在同一页面上生成多个地图的方式

Google Map API V3

。请注意，这是解决上述问题的现成代码。

HTML位

<div id="map_canvas" ></div><div id="map_canvas2" ></div>

地图初始化的Javascript

<script type="text/javascript">var map, map2;function initialize(condition) {    // create the maps    var myOptions = {        zoom: 14,        center: new google.maps.LatLng(0.0, 0.0),        mapTypeId: google.maps.MapTypeId.ROADMAP    }    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);    map2 = new google.maps.Map(document.getElementById("map_canvas2"), myOptions);}</script>