javascript – Google Map Dyanamic语言更改
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Google Map Dyanamic语言更改，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1587字，纯文字阅读大概需要3分钟。
内容图文
我正在使用backbone.js作为我的一个项目,我正在使用谷歌地图api版本3.根据一些ajax响应,我想动态更改谷歌地图语言.有没有办法做到这一点.任何建议将不胜感激.提前致谢.
解决方法:
考虑以下示例我正在使用按钮,但您可以使用所需的参数从回调中调用ChangeGoogleMapsLanguage(调整代码以获取lang参数)：
<!DOCTYPE html>
<html>
<head>
<title>Asynchronous Loading</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script>
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644)
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
function loadScript(lang) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
'callback=initialize';
if (lang) {
script.src += '&language=' + lang;
}
script.id = "google-maps-script";
document.body.appendChild(script);
}
window.onload = loadScript;
function ChangeGoogleMapsLanguage() {
var lang = document.getElementById('language').value,
oldScript = document.getElementById("google-maps-script");
oldScript.parentNode.removeChild(oldScript);
delete google.maps;
loadScript(lang);
}
</script>
</head>
<body>
<input type="text" id="language" value="ja" />
<button id="localization-button" onclick="ChangeGoogleMapsLanguage()">Change Language</button>
<div id="map-canvas"></div>
</body>
</html>
在jsFiddle工作：Exemple
注意：我正在使用vanilla JavaScript.代码可能在Chrome中运行良好,我没有在其他浏览器中测试它.
内容总结
以上是互联网集市为您收集整理的javascript – Google Map Dyanamic语言更改全部内容，希望文章能够帮你解决javascript – Google Map Dyanamic语言更改所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。