`
yacobe
  • 浏览: 21600 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

【转】使用新版谷歌地图Google Maps JavaScript API V3遇到的几个问题

阅读更多
来源 http://jamesqi.com/%E5%8D%9A%E5%AE%A2/%E4%BD%BF%E7%94%A8%E6%96%B0%E7%89%88%E8%B0%B7%E6%AD%8C%E5%9C%B0%E5%9B%BEGoogle_Maps_JavaScript_API_V3%E9%81%87%E5%88%B0%E7%9A%84%E5%87%A0%E4%B8%AA%E9%97%AE%E9%A2%98

Google地图API确实是个好东西,我们很多网站上都嵌入了,一直用的是V2,虽然知道有了V3但也不想轻易改动,这次在做新网站的时候才准备实施,也遇到几个问题记录如下:
浏览器兼容性问题

原始例子代码如果前后有<div></div>包含的话,会在部分浏览器中无法显示,例如IE6、IE7中正常,但IE8和Chrome中看不到,同事一起折腾了好一阵子,算是搞好了,需要根据<!DOCTYPE html>标准在css代码中严格定义高度、宽度,并带有px的字样:

<div id="map_canvas" style="width:500px; height:400px">正在载入地图,请稍等...</div>

如果缺少了px或者使用的100%都有可能在部分浏览器中无法显示,这个小小的问题都花去好好多个小时!
分享到:
评论

相关推荐

    Google_Maps_API_V3.rar_Google Maps api v3_谷歌地图

    Google Maps API V3 是谷歌为开发者提供的一个强大工具,用于在网站或应用程序中集成交互式地图功能。这个API允许开发人员自定义地图显示的内容、样式以及交互方式,从而构建出各种基于地理位置的应用。在Google ...

    Google Maps JavaScript API V3中文版参考手册

    本参考手册覆盖了Google Maps JavaScript API V3 的核心类和接口,下面详细介绍几个关键部分: ##### Map - **Map**:代表地图对象本身。 - **MapOptions**:配置地图选项,如中心位置、缩放级别等。 - **...

    google离线地图API包 + 地图数据

    在使用Google Map API V3进行离线地图开发时,有几个关键知识点需要掌握: 1. **地图数据格式**:理解GeoJSON、KML、Shapefile等常见的地理数据格式,以及如何在JavaScript中处理它们。 2. **离线存储**:学会如何...

    PHP谷歌地图API

    【PHP谷歌地图API】是一个利用PHP编程语言与谷歌地图API集成的应用示例,它主要涉及以下几个核心知识点: 1. **获取客户端IP**:在`get_client_ip.php`这个文件中,通常会包含获取用户设备IP地址的代码。这通常通过...

    google map api v3 ExtDraggableObject

    谷歌地图API V3是Google为开发者提供的一种强大的工具,用于在网页上集成和操作地图。在API中,`ExtDraggableObject`是一个自定义扩展类,它允许用户将地图上的对象(如标记、覆盖物等)进行拖放操作,极大地增强了...

    Google API开发详解:Google Maps与Google Earth双剑合璧(第2版)

    《Google API开发详解:Google Maps与Google Earth双剑合璧(第2版)》是一部深入探讨Google地图和地球API开发的指南,旨在帮助开发者充分利用这两个强大的工具进行地理信息系统(GIS)应用的构建。本书详细介绍了如何...

    googlmap js api v3 实例代码

    谷歌地图JavaScript API(也称为Google Maps API v3)是一个强大的工具,允许开发者在网页上集成交互式地图功能。这个API提供了丰富的功能,包括定位、地图显示、标记、信息窗口、路线规划、地理编码等。下面将详细...

    谷歌地图V3离线实例

    谷歌地图V3离线实例是基于谷歌地图API V3版本的一个功能展示,它允许开发者在没有网络连接的情况下依然可以使用地图服务。这个实例演示了如何结合离线地图数据和谷歌地图API来创建一个本地化的地图体验。下面我们将...

    谷歌离线地图范例之修改瓦片地图

    2. **Google Maps API v3**:谷歌地图API是开发者用于集成谷歌地图服务到网站或应用中的工具。版本3是其最新的版本,提供了一套丰富的功能,包括绘制、标注、路线规划等,并支持离线地图的实现。 3. **离线地图的...

    wpf google map v3 示例

    本示例重点介绍了如何在WPF项目中使用Google Maps API V3,实现地图的展示以及点击地图时自动生成标记的功能。这涉及到的技术点主要包括WPF与WebBrowser控件的结合、JavaScript与C#的交互以及Google Maps API的使用...

    google key api

    Google Maps API分为几个版本,其中最常见的是V2和V3。 #### 二、API密钥的重要性 API密钥是Google用于识别应用程序身份的一种方法。它允许Google追踪API的使用情况并确保符合其使用条款。对于商业项目而言,API...

    GoogleMapsAPIv3完整版

    Google Maps API v3是Google提供的一个强大的Web服务,允许开发者在自己的网站上嵌入交互式地图,提供定位、导航、路线规划等多种功能。这个版本是Google Maps API的最新稳定版,具有更高的性能、更低的JavaScript...

    gmap-v3-test

    Google Maps API V3是Google提供的一套JavaScript库,允许开发者在网页上嵌入交互式地图,进行位置服务、路线规划等多种功能。 【描述】"gmap demo 包含高德 腾讯地图 9-12级 南京区数据" 提示了这个测试项目不仅...

    direction-finder:谷歌地图方向查找功能的表示。 谷歌地图 API,地方图书馆

    在IT领域,尤其是在Web开发中,谷歌地图API(Google Maps API)是一个不可或缺的工具,它允许开发者集成强大的谷歌地图服务到自己的网站或应用中。本文将深入探讨标题为"direction-finder"的功能,即谷歌地图的行车...

    GoogleMapAPIV3离线demo

    在Google Map API V3中,有以下几个重要的知识点: 1. **初始化地图**: 在HTML页面中,你需要创建一个`div`元素作为地图的容器。然后在JavaScript中,通过`google.maps.Map`对象实例化地图,并将该`div`元素作为...

    GMapV3infowindow风格可扩展源码

    GMapV3是一个基于Google Maps API V3的JavaScript库,它提供了丰富的功能和强大的接口,让开发者能够轻松地在网页上集成地图。在这个项目中,我们关注的是GMapV3的InfoWindow(信息窗口)的风格扩展源码。 ...

    PHP获取所在城市JS方法,开箱即用

    在服务器端,我们需要一个PHP脚本来接收经纬度数据,并使用外部API(如Google Maps Geocoding API或高德地图API)将经纬度转换为城市名称。以下是一个基本的PHP示例: ```php $latitude = $_POST['latitude']; ...

    ArcGIS for Server 10.1常见问题解答

    Esri 支持多种地图服务和技术,包括 Google Maps API v3。尽管如此,Esri 更倾向于鼓励用户使用其自家的 Web Mapping APIs,因为它们提供了更深入的功能集成和更广泛的 GIS 功能。然而,对于那些希望集成 Google ...

Global site tag (gtag.js) - Google Analytics