加載GOOGLE地圖時報錯

本文介绍了在使用Google地图API时遇到的字符编码问题及解决方案。当页面编码为BIG5时,加载Google地图API会出现错误。通过添加输出编码参数oe,使API输出与页面编码一致,从而解决问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

[b]加載GOOGLE地圖的js文件時報錯[/b]
这是我的第一篇博客,写的不好请大家多多包涵。今天在做一个页面中加入GOOGLE地图时遇到一个问题,当我按照google map 开发者指南上面的步骤进行操作后,在浏览器中预览时,页面就总是出现JS的错误,缺少分号。
我挺郁闷的,在另外的页面都可以,但在我这个的页面它就不行。刚开始我就找我其它
JS函数是不是有缺少分号的。仔细看了一遍,都没有。这就怪了。没办法,那就用最简单也最
有效的办法看是哪里的JS出错。(将加载地图的JS函数单独拿到一个新的页面)。还是不行,我就想我这个页面和其它页面有哪里不同。错误是在加载google的JS文件时出错。是不是字符编码的问题,导致浏览器在解析引入的JS函数出现乱码呢。仔细一对比,嘿,还真是不一样
GOOGLE的地图在编码为UTF-8上的页面就可以运行,而我的页面编码是BIG5,所以会出错。

<meta http-equiv="Content-Type" content="text/html; charset=big5"/>

应该如何解决呢?后来我在[color=blue]常见问题[/color]中找到了答案,原来GOOGLE默认的输入和输出字符是utf-8.如果你的页面的编码设定是utf-8!

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

那么引入js文件时直接copy就可以了!
如下:

<script src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN"
type="text/javascript"></script>

其中的key要换成自己申请的。
但是如果你的页面不是utf-8,而是其它如big5.那么你就的加一个参数。
如下:
 
<script src="http://maps.google.com/maps?file=api&v=2&oe=big5&key=ABQIAAAAJ7m7zfwC_O2Z3sznvnehhBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQQRLKM1RWutv26B1U2XhyK6NoDZA" type="text/javascript"></script>

注意,这两段引入的代码有三个地方不同。
1. 首先是key不同,这个不用说。

2. 一个src="http://ditu.google.com/maps,
一个src="http://maps.google.com/maps。
这两个第一个代表的是大陆,另一个代表的是我们的台湾地区。每个地区的地图服务器是不一样的
3. 第二个引入的JS中多一个参数[color=blue]oe=big5[/color],这是设定google的JS文件的输出编码,这个就是要和您的页面设定的编码要一致。否则就会遇到我那个同样的问题。另外还可以用[color=blue]ie=big5[/color],设定它的输入编码。

好了,以上就是我今天的一点心得。写出来一是给自己一个总结,另外可以为有需要的朋友节省一点时间。另外下面是google的开发者指南的网址。做地图时可以参考一下。

[url]http://code.google.com/intl/zh-CN/apis/maps/documentation/introduction.html[/url]

[url] http://ianjung1974.blogspot.com/2008/06/google-maps-api.html[/url]

[url] http://ianjung1974.blogspot.com/2008/07/google-maps-api.html[/url]
google的地圖工具包
[url]http://code.google.com/p/gmaps-utility-library/[/url]

google的地圖api討論組

[url]http://groups.google.com/group/Google-Maps-API-China/topics?start=0&sa=N[/url]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值