gpt4 book ai didi

javascript - 使用 select 动态更改 google map 脚本 src

转载 作者:行者123 更新时间:2023-12-02 19:27:26 24 4
gpt4 key购买 nike

我想在单击下拉选项之一时更改 Google map 脚本 src,因为我在页面上搜索邮政编码时遇到问题。为了获得正确的结果,我相信我需要在 src url 中使用 Google 的区域本地化“&region=”。( https://developers.google.com/maps/documentation/javascript/basics#Localization )

我已经在 <head> 中加载了我的谷歌地图 API标签:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

我创建了一个下拉列表

<select id="country">  
<option value="sel">Select</option>
<option value="DK">Denmark</option>
<option value="NL">Netherlands</option>
<option value="SE">Sweden</option>
</select>

我希望每当点击其中一个选项时,谷歌地图脚本 src 就会发生变化。

例如:如果我点击丹麦,src 将更改为: http://maps.googleapis.com/maps/api/js?sensor=false&region=DK

我通过查看这个Dynamically change the src of a script tag尝试了一些东西。但我仍然不知道如何让它发挥作用。

目前我有这个:

$('#country option').click(function(e) {
e.preventDefault();
var region = $(this).attr('value');
var url = 'http://maps.googleapis.com/maps/api/js?sensor=false&region=' + region;
});

对于 jQuery 和 javascript,我真的是新手,所以我想也许我可以在这里得到一些帮助。

最佳答案

您不应该这样做,因为删除脚本元素不会删除脚本创建的方法、变量等。您将收到这样的警告:

警告:您已在此页面上多次包含 Google Maps API。这可能会导致意外错误

相反,您应该在请求中使用区域参数,例如进行地理编码时

关于javascript - 使用 select 动态更改 google map 脚本 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11918972/

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