如何用一个脚本显示两个地图？

我发现一个关于使用两个ID显示两个地图的问题;地图和map1.First，我用document.getElementByID（'地图'）这是工作。但是我想调用两个ID，在地图& map1下面的代码不起作用。如何用一个脚本显示两个地图？

谢谢。

<!DOCTYPE HTML> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Your Website</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script type="text/javascript"> 

    jQuery(document).ready(function() { 

     // Load google map 
     var map = new google.maps.Map(document.querySelectorAll("#gmap","#gmap1"), { 
     center: new google.maps.LatLng(0,0), 
     zoom: 3, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     panControl: false, 
     streetViewControl: false, 
     mapTypeControl: false 
     }); 




    }); 
    </script> 
    </head> 
    <body> 
    <div style="padding-bottom:10px;"><input type="text" name="address" value="O. J. Brochs g 16a, Bergen" style="width:400px;border:1px solid black"><input type="button" name="search" value="Geocode"></div> 
    <div id="coords"></div> 
    <div id="gmap" style="width:370px; height:300px;"></div> 

    <div style="padding-bottom:10px;"><input type="text" name="address" value="O. J. Brochs g 16a, Bergen" style="width:400px;border:1px solid black"><input type="button" name="search" value="Geocode"></div> 
    <div id="coords"></div> 
    <div id="gmap1" style="width:370px; height:300px;"></div> 
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
    </body> 
</html>

来源

2014-03-14 cyberoot

我认为这个问题是您的来电document.querySelectorAll，如果你想使用多个选择，你必须使用一个字符串用逗号分隔的选择：

document.querySelectorAll("#gmap,#gmap1")

来源

2014-03-14 08:02:38 codebox

你能用逗号显示关于单字符串separtiong选择器的例子吗？多谢兄弟。 – cyberoot

在我的答案中有一个示例 - 请参阅上面的代码 – codebox

，但它不起作用bro， – cyberoot

尽管多个地图初始化是可能的，你不能用一个对象来做。创建变量map包含许多属性，包括其在页面中的位置，因此它必须属于只有一个地图。您可以将map引用到另一个变量，但不能在一个google.maps.Map()对象中保存两个地图信息。

认为是否允许。中心，标记等在两张地图中的一切都一样。但是，它们是两个不同的地图，它们的ID不同（对象ID）。

假设您更改了第一张地图的中心。如果您致电map.getCenter();其地图中心将被检索？

为了避免冲突，不允许将多个选择传递给一个对象构造函数。

总之，您需要创建具有不同变量的地图。

来源

2014-03-14 09:02:53 alalp

如何用一个脚本显示两个地图？

回答

相关问题