谷歌地图打不开的解决办法
更新时间：2014年08月07日 11:49:31 投稿：junjie
这篇文章主要介绍了谷歌地图打不开的解决办法,本文给出了一个可以正常使用的谷歌地图调用案例,需要的朋友可以参考下
谷歌地图被中国防火墙封杀，所以不用直接引用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>
相关文章
这篇文章主要为大家详细介绍了JavaScript字符串检索字符的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
javascript正则表达式使用replace()替换手机号的方法
这篇文章主要介绍了javascript正则表达式使用replace()替换手机号的方法,可实现把手机号第4位到第7位替换成****的功能,是非常实用的技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了JS运动的实现原理，介绍了JS多种运动方式，希望大家仔细学习，感兴趣的小伙伴们可以参考一下2015-12-12
flash导航条在网站建设中应用比较广泛，此种效果给浏览者带来极好的视觉效果，非常棒，下面小编给大家介绍基于JS实现导航条flash导航条，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
在jQuery Form插件可以让你很容易的使用AJAX提交Form表单，主要方法ajaxForm和ajaxSubmit负责收集表单元素的信息,管理提交进程。这两种方法都是可配置的,让你完全控制Form提交，本篇文章介绍基于jQuery通过jQuery.form.js插件使用ajax提交form表单，需要的朋友可以参考下2015-08-08
这篇文章主要介绍了使用Web Uploader实现多文件上传的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
JavaScript高级程序设计 客户端存储学习笔记，在客户端用于存储会话信息2011-09-09
选项卡在大量的网站都有应用，虽然形式各有不同，但是索要达成的目的都是一样的，一般都是为了进行分类或者节省网页空间只用，算是一件利器，下面就是一个选项卡的代码实例，通用性很强，下面就和大家分享一下2016-01-01
这篇文章主要介绍了小程序bindtap事件与冒泡阻止详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了video.js 一个页面同时播放多个视频的实例代码 ,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-11-11
最新评论