我想在单击下拉选项之一时更改 Google map 脚本 src,因为我在页面上搜索邮政编码时遇到问题。为了获得正确的结果,我相信我需要在 src url 中使用 Google 的区域本地化“®ion=”。( 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®ion=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®ion=' + region;
});
对于 jQuery 和 javascript,我真的是新手,所以我想也许我可以在这里得到一些帮助。
最佳答案
您不应该这样做,因为删除脚本元素不会删除脚本创建的方法、变量等。您将收到这样的警告:
警告:您已在此页面上多次包含 Google Maps API。这可能会导致意外错误
相反,您应该在请求中使用区域参数,例如进行地理编码时
关于javascript - 使用 select 动态更改 google map 脚本 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11918972/