首页 / JAVASCRIPT / 谷歌地图打不开的解决办法

谷歌地图打不开的解决办法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了谷歌地图打不开的解决办法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1774字，纯文字阅读大概需要3分钟。

内容图文

谷歌地图被中国防火墙封杀，所以不用直接引用http://maps.googleapis.com/maps/api/js?sensor=false&language=en这域名下的谷歌地图api，而是改为http://maps.google.cn/maps/api/js?sensor=false这个地址，google.cn在国内的域名没有被封杀，可以使用。

注意：google.cn虽然可以使用，但是会输出部分js引用到google.com的资源，导致地图呈现会延时，所以不要将谷歌地图api放到你的内容前面，如head标签里面，而是放到内容或者html结束标签最后，防止你的页面内容一直是空白，浏览器无法显示内容。

也不要用window.onload事件来绘制，要不谷歌地图显示不及时，因为要加载google.com的资源，而google.com资源被拦截，会导致知道请求超时（大概2分钟）才会绘制出谷歌地图。

使用谷歌的回调参数来传递一个回调函数名称，经测试这样比使用window.onload事件快呈现出谷歌地图。

谷歌地图打不开的解决办法 - 文章图片

示例代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网站引用谷歌地图打不开解决办法:使用google.cn</title>
</head>

<body>

<div id="map_canvas" class="map" style="height: 350px;width: 500px;"></div></body>
<script type="text/javascript" src="http://maps.google.cn/maps/api/js?sensor=false&callback=renderGoogleMap"></script>
<script type="text/javascript">
  function renderGoogleMap() {
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({ 'address': '广西桂林市中心广场' }, function (results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
    var mapOptions = {
      zoom: 17,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
  }
</script>

</body>
</html>

内容总结

以上是互联网集市为您收集整理的谷歌地图打不开的解决办法全部内容，希望文章能够帮你解决谷歌地图打不开的解决办法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/361596.html

来源：【匿名】