加載GOOGLE地圖的js文件時報錯
这是我的第一篇博客,写的不好请大家多多包涵。今天在做一个页面中加入GOOGLE地图时遇到一个问题,当我按照google map 开发者指南上面的步骤进行操作后,在浏览器中预览时,页面就总是出现JS的错误,缺少分号。
我挺郁闷的,在另外的页面都可以,但在我这个的页面它就不行。刚开始我就找我其它
JS函数是不是有缺少分号的。仔细看了一遍,都没有。这就怪了。没办法,那就用最简单也最
有效的办法看是哪里的JS出错。(将加载地图的JS函数单独拿到一个新的页面)。还是不行,我就想我这个页面和其它页面有哪里不同。错误是在加载google的JS文件时出错。是不是字符编码的问题,导致浏览器在解析引入的JS函数出现乱码呢。仔细一对比,嘿,还真是不一样
GOOGLE的地图在编码为UTF-8上的页面就可以运行,而我的页面编码是BIG5,所以会出错。
<meta http-equiv="Content-Type" content="text/html; charset=big5"/>
应该如何解决呢?后来我在
常见问题中找到了答案,原来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中多一个参数
oe=big5,这是设定google的JS文件的输出编码,这个就是要和您的页面设定的编码要一致。否则就会遇到我那个同样的问题。另外还可以用
ie=big5,设定它的输入编码。
好了,以上就是我今天的一点心得。写出来一是给自己一个总结,另外可以为有需要的朋友节省一点时间。另外下面是google的开发者指南的网址。做地图时可以参考一下。
http://code.google.com/intl/zh-CN/apis/maps/documentation/introduction.html
[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的地圖工具包
http://code.google.com/p/gmaps-utility-library/
google的地圖api討論組
http://groups.google.com/group/Google-Maps-API-China/topics?start=0&sa=N
分享到:
相关推荐
在本文中,我们将深入探讨如何在Qt环境中加载和使用百度地图及谷歌地图。Qt是一个功能强大的C++图形用户界面库,它可以与JavaScript和HTML结合,为开发者提供丰富的Web交互功能。我们将主要关注如何利用QWebView类来...
OpenLayers3加载谷歌地图,加载谷歌地图显示,实现效果很好,放大比例尺也能看得清楚。文章链接:https://blog.csdn.net/Gary_888/article/details/89914290
本文将深入探讨如何使用ArcGIS API for JavaScript 3.23版本加载并集成在线的谷歌地图,以及展示谷歌地图的影像和标注。 首先,我们要了解ArcGIS API for JavaScript的核心概念。这是一个基于Web的开发库,由Esri...
arcgis在线图层加载插件,可以加载百度地图、高德地图等在线地图。...用于arcmap加载天地图、谷歌地图、高德地图、BingMap作为底图,安装之后,在工具栏上右键勾选simple gis即可显示底图加载工具栏。
本篇文章将深入探讨如何利用ArcGIS API 4.10来加载谷歌地图,从而实现地图服务的集成。 首先,ArcGIS API 4.10是一个基于JavaScript的库,它允许开发人员在Web浏览器中构建地理信息系统(GIS)应用程序。此API包含...
《全球地形单元——利用GlobalMapper加载谷歌地球卫片与谷歌地图》 在现代地理信息系统(GIS)中,GlobalMapper是一款备受推崇的工具,它以其强大的数据处理能力和易用性赢得了广泛赞誉。本文将深入探讨如何利用...
在 OsgEarth 中加载谷歌卫星地图的 ArcGISServer 服务教程是指通过使用水经注万能地图下载器下载的谷歌卫星地图瓦片数据,在 ArcGIS 中发布服务,并在 OsgEarth 中加载发布好的瓦片服务。以下是相关知识点: 1. ...
本压缩包“AE加载谷歌和搜狗地图.zip”提供了一个关于如何在ArcEngine应用中集成谷歌地图和搜狗地图的教程或示例。以下是对这个主题的详细讲解: 首先,ArcEngine自身提供了丰富的地图服务功能,包括加载各种类型的...
在本文中,我们将详细介绍如何利用Leaflet这一流行的开源JavaScript库来加载百度地图、高德地图、谷歌地图以及天地图等多种在线地图服务。Leaflet因其轻量级、高性能且易于使用的特性而广受开发者欢迎,它支持多种...
用C#语言解决arcgis无法加载谷歌地图的限制,并实现了谷歌地图的动态投影加载。无第三方库,内含代码思路说明以及调用方法说明,下载可直接使用(由于谷歌地图在国内的访问不友好性,下载地址可能会有变化,具体判断...
Arcgis在线谷歌地图(地图)2023年最新版(可用),加载在arcgis中可以作为地图使用,不包含地图标准,纯影像图。
在IT行业中,开发一款应用程序以实现地图的离线加载是一项重要的技术挑战,特别是在移动设备上,用户可能在没有网络连接的情况下需要使用地图服务。这里我们将深入探讨如何在QT框架下加载百度地图进行离线操作。 QT...
本教程将详细阐述如何利用ArcGIS for JavaScript API来加载百度地图、高德地图和天地图,实现跨平台的地图服务整合。 首先,我们需要了解ArcGIS for JavaScript API的基本概念。API提供了丰富的地图操作和空间分析...
在本文中,我们将深入探讨如何使用Mapbox GL JS库加载天地图CGCS2000瓦片地图服务。Mapbox GL JS是一个强大的JavaScript库,它允许开发者创建交互式的、矢量渲染的地图。天地图是中国官方的地理信息服务,提供多种...
加载 Google 地图 API 后,需要创建一个地图 DOM 元素,用于容纳地图。例如:<div id="map"></div> 4. GMap2 - 基本对象 GMap2 是 Google 地图 API 的基本对象,用于创建和管理地图。GMap2 对象提供了丰富的方法和...
谷歌离线瓦片地图是一种将大型地图分割成小块图像(通常为256x256像素)的方式,以便于快速加载和离线使用。这些瓦片通常按照层级(Zoom Level)和经纬度坐标进行组织。为了在Leaflet中使用这些瓦片,我们需要创建一...
1. **地图服务源**:确定要加载的在线地图服务的来源,例如 ArcGIS Online、Google Maps、OpenStreetMap 等。 2. **服务类型**:可能包括切片地图服务(Tile Map Service, TMS)、Web 遥感图层服务(Web Map Service...
在本主题中,我们将深入探讨如何使用Leaflet加载百度地图以及其他网络在线地图。 首先,让我们关注如何在Leaflet中加载百度地图。百度地图提供了丰富的地图服务,包括瓦片图层(地图的基本图像单元)、卫星影像和...
以上就是Winform中加载Google地图的基本步骤和关键知识点。通过GMap.NET库,你可以构建出功能丰富的地理信息系统,不仅限于加载地图,还包括路径规划、地理编码、自定义覆盖物等功能。记住,使用Google Maps API可能...