文档章节

谷歌地图api的脚本文件无法用的解决办法

乱世中的单纯
 乱世中的单纯
发布于 2015/04/09 21:12
字数 509
阅读 40
收藏 0

       这篇文章主要介绍了谷歌地图打不开的解决办法,本文给出了一个可以正常使用的谷歌地图调用案例,需要的朋友可以参考下。

      谷歌地图被中国防火墙封杀,所以不用直接引用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>

 

本文转载自:http://www.jb51.net/article/53382.htm

乱世中的单纯
粉丝 13
博文 79
码字总数 43057
作品 0
广州
程序员
私信 提问
加载中

评论(0)

HTML5 Geolocation(地理定位)

HTML5 Geolocation(地理定位)用于定位用户的位置。 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可...

wybo521
2016/01/06
49
0
web网站如何获取用户的地理位置

web网站如何获取用户的地理位置 一、总结 一句话总结:通过gps知道用户的经度和纬度,然后通过经度和纬度在在地图(google或者百度)上面显示位置。 1、html5如何通过gps知道用户的经度和纬度...

osc_tuutsk8t
2018/06/25
10
0
谷歌地图、百度地图,离线+在线

按照传统方式构建GIS系统,花费着实不菲(几十万甚至上百万): 1、需要购买ArcGIS或MapInfo或SuperMap等开发平台; 2、需要购买地图数据; 3、需要定期更新地图数据。 …… 如今,有很多免费...

osc_6lxz5t70
2018/07/19
2
0
Highmaps网页图表教程之下载Highmaps与Highmaps的地图类型

Highmaps网页图表教程之下载Highmaps与Highmaps的地图类型 认识Highmaps Highmaps是Highcharts的姊妹框架,用来实现地图图表。它完全使用Javascript编写实现。其结构清晰,使用简单。开发人员...

大学霸
2015/08/13
917
0
编写最简单的android谷歌地图应用

文章转自:http://marshal.easymorse.com/archives/2512 有多简单呢?看,只是显示了一下地图而已: 想编写android谷歌地图应用,准备工作比编写其他应用要麻烦一些。因为: android谷歌地图...

无鸯
2011/09/07
1.7K
1

没有更多内容

加载失败,请刷新页面

加载更多

直接显示StackOverflow的答题日期, 增加评论区回复的时间显示 ,修改时间显示到小时分。

// ==UserScript==// @name 直接显示StackOverflow的答题日期, 增加评论区回复的时间显示 ,修改时间显示到小时分。// @namespace http://tampermonkey.net/// @version ...

FalconChen
今天
36
0
Shader笔记_005 纹理

纹理最初的目的就是使用一张图片来控制模型的外观,通过纹理映射技术 我们可以把一张图粘贴在物体表面,逐纹素的控制模型的颜色。 通常美术建模的时候也会在软件里利用纹理展开技术把纹理展开成...

STONE-CITY
今天
12
0
iOS MVVM 与RAC结合使用

MVVM配合 RAC 更能发挥的淋漓尽致。 我们把 MVVM 第一篇的例子 KVO 的事件 替换成 配合RAC 框架使用, OC的话直接导入 : pod 'ReactiveObjC' Swift 直接用 RXSwift就可以。 把 ViewModel里加...

T型人才追梦者
今天
22
1
OSChina 周一乱弹 —— 影响心情的三座大山

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《浮生(inst.)》- 忘乡 / 墨凡悦 手机党少年们想听歌,请使劲儿戳(这里) @凝小紫...

小小编辑
今天
49
0
Unity中头发渲染

头发与普通PBR 材质最大的区别是 头发是各项异性的高光, 参考实现主要为下面文章 http://web.engr.oregonstate.edu/~mjb/cs519/Projects/Papers/HairRendering.pdf 头发包含 2个高光,以及高...

liyong2
今天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部