gpt4 book ai didi

javascript - 如何用一个脚本显示两张 map ?

转载 作者:行者123 更新时间:2023-11-30 12:46:17 25 4
gpt4 key购买 nike

我发现关于使用两个 ID 显示两个 map 的问题; map 和 map1。首先,我使用了正在运行的 document.getElementByID('map')。但是我想在不起作用的代码下面调用两个 id,map 和 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>

最佳答案

我认为问题出在您调用 document.querySelectorAll 的电话上,如果你想使用多个选择器,你必须使用一个字符串,用逗号分隔选择器:

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

关于javascript - 如何用一个脚本显示两张 map ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22399246/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com