这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了谷歌地图打不开的解决办法, 本文给出了一个可以正常使用的谷歌地图调用案例, 需要的朋友可以参考下
谷歌地图被中国防火墙封杀,所以不用直接引用 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.phperz.com/article/17/0709/275159.html