`

google map 应用学习网站

阅读更多

Google Maps API中文同步文档

http://www.codechina.org/doc/google/gmapapi/

 

Google 地图 API

主页 http://code.google.com/intl/zh-CN/apis/maps/

文档 http://code.google.com/intl/zh-CN/apis/maps/documentation/index.html

API  http://code.google.com/intl/zh-CN/apis/maps/documentation/reference.html 

 

 

 Google Map学习(一) 简单的Google Map,Google Map基础

http://www.cnblogs.com/psunny/archive/2009/08/26/1554476.html

 

Google 地图 API 示例 - 地理学习小游戏

http://code.google.com/intl/zh-CN/apis/maps/documentation/demos/geogame/geogame.html

 

 

贴一个自己测试的html上来:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
  <head>   
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>   
    <title>Google Maps JavaScript API Example</title>   
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA4ZZxnijCQhlZlf57igoGExTwM0brOpm-All5BF6PoaKBxRWWERR0mYEVnCnlZi8Qmoq3uoivZ9cIgQ"  
            type="text/javascript"></script>   
    <script type="text/javascript">   
    //<![CDATA[   
  
    function load() {   
      if (GBrowserIsCompatible()) {   
        var map = new GMap2(document.getElementById("map"));   
        map.setCenter(new GLatLng(39.917, 116.397), 14);   
      }   
  
      var map2 = new GMap2(document.getElementById("map2"));   
      map2.setCenter(new GLatLng(37.4419, -122.1419), 13);   
      window.setTimeout(function() {   
        //panTo后的大小和上面的setCenter不一样的   
        //map2.panTo(new GLatLng(39.917, 116.397),14);   
        map2.panTo(new GLatLng(39.917, 116.397));//后面一个参数无效的   
      }, 2000);   
  
      var map3 = new GMap2(document.getElementById("map3"));   
      map3.setCenter(new GLatLng(39.917, 116.397), 14);   
      map3.openInfoWindow(map.getCenter(),   
              document.createTextNode("Hello, world"));   
    } 
	//根据经纬度计算两点距离
  var distance = new GLatLng(39.917, 116.397).distanceFrom(new GLatLng(37.4419, -122.1419));
  alert(parseInt(distance/1000,10) + "公里");
    //]]>   
    </script>   
  </head>   
  <body onload="load()" onunload="GUnload()">   
    <div id="map" style="width: 500px; height: 200px"></div>   
    <div id="map2" style="width: 500px; height: 200px;margin-top:10px;"></div>   
    <div id="map3" style="width: 500px; height: 200px;margin-top:10px;"></div>   
  </body>   
</html>  

  

分享到:
评论
2 楼 zdz8207 2010-05-27  
xjq2008 写道
测试的html中 JavaScript 提示 GMap2 无效
还有那个 key 谁都可以用吗?

key要自己申请个本地的
1 楼 xjq2008 2010-05-24  
测试的html中 JavaScript 提示 GMap2 无效
还有那个 key 谁都可以用吗?

相关推荐

    google map应用实例

    Google Map API是Google提供的一套接口,允许开发者在自己的应用程序或网站上嵌入Google Maps的功能。通过API,开发者可以获取地图数据、设置自定义标记、创建路线、添加图层以及实现地理位置服务等多种功能。 二、...

    android google map 应用

    在Android平台上,Google Map应用是开发地图集成的重要组成部分,它为开发者提供了丰富的API和服务,使得在移动设备上实现地图展示、定位、导航等功能变得轻松易行。本篇将深入探讨如何在Android应用中使用Google ...

    轨迹记录 android google map 应用

    4. **地图初始化**:在Activity或Fragment中创建GoogleMap对象,通过setMapType、setMyLocationEnabled等方法设置地图样式和显示用户位置。 5. **轨迹记录**:使用LocationManager和LocationListener监听位置变化,...

    google map api学习

    谷歌地图API(Google Maps API)是谷歌提供的一套强大的开发工具,允许开发者在自己的网站或应用中嵌入交互式地图,实现地理位置相关的功能。通过学习谷歌地图API,你可以创建定制的地图,添加标记、路径、信息窗口...

    GoogleMap谷歌地图demo

    在IT行业中,GoogleMap是一个广泛使用的地图服务,它提供了丰富的API接口,允许开发者在其应用...开发者可以通过学习和分析这个demo,掌握如何在自己的项目中有效利用GoogleMap API,提升地图应用的用户体验和功能性。

    googlemap应用

    总的来说,"GoogleMap应用"实例是一个很好的学习平台,它覆盖了Android应用中集成Google Maps的基本流程和关键步骤。通过研究提供的源代码和文档,开发者可以深入理解如何在实际项目中应用这些技术,从而提升自己的...

    GoogleMap地图控件应用源码_googlemapcontrol.zip

    这个描述简洁明了,表明了源码是关于GoogleMap地图控件的实现,可能是用某种编程语言(如Java、JavaScript、C#等)编写,目的是帮助开发者理解和学习如何在实际项目中应用。源码通常包括了地图的加载、标记设置、...

    google map api 学习笔记

    **谷歌地图API学习笔记** 谷歌地图API(Google Maps API)是一种强大的工具,允许...通过阅读《google map学习文档.doc》,可以深入学习这些概念并实践应用,逐步掌握谷歌地图API的使用,构建功能丰富的地图应用。

    Ext Google Map 简易开发框架

    开发者可以解压后研究其结构,学习如何将ExtJs和Google Maps API结合使用,从而提升自己的地图应用开发能力。总的来说,Ext Google Map简易开发框架为开发者提供了一个高效、灵活的工具,用于构建具有高级功能的交互...

    google map v2 Demo

    public void onMapReady(GoogleMap googleMap) { // 在这里,你可以对地图进行各种定制,如添加标记、路径等 GoogleMap map = googleMap; map.getUiSettings().setZoomControlsEnabled(true); map....

    Google Map API 使用示例

    Google Map API 是一款强大的工具,它允许开发者在自己的网站或应用程序中嵌入地图功能,提供定位、导航、地理编码、路线规划等多种服务。本示例将深入探讨如何使用 Google Map API,帮助你理解和掌握其核心概念及...

    GoogleMap应用开发与讲解

    "GoogleMap应用开发与讲解"这个主题涵盖了从基础到进阶的全部内容,帮助开发者深入理解和掌握如何利用Google Maps API进行高效开发。 首先,我们要了解如何获取Google Maps API密钥。这通常是通过Google Cloud ...

    自编_GoogleMAP应用

    总的来说,"自编_GoogleMAP应用"涵盖了地图API的使用、网络编程、数据解析、安全性、用户体验等多个方面的知识点,是学习和实践Web开发与地理位置服务结合的优秀案例。开发者通过该项目,不仅可以提升技术能力,还能...

    Google MAP 学习例程

    Google Map API 是一套强大的工具,它允许开发者在自己的网站或应用程序中嵌入交互式的地图功能。这个“Google MAP 学习例程”旨在帮助你深入理解和掌握Google Map V3 API,从而能够利用它创建各种定制化的地图应用...

    google map API 的应用

    Google Map API 是一个JavaScript库,它允许开发人员在他们的网站上嵌入交互式地图,提供动态定位、地图缩放、拖动、标记等功能。API的核心是GMap2对象,它是地图的基础,提供了创建和控制地图的各种方法。 ### 二...

    谷歌MAP_V3中文详解以及一个简单例子

    var map = new google.maps.Map(document.getElementById('map'), { zoom: 8, center: myLatLng }); } ``` 这段代码会在ID为`map`的`div`元素内显示一个中心位于澳大利亚悉尼的地图,缩放级别为8。 谷歌地图API...

    google-map.zip_谷歌地图

    public void onMapReady(GoogleMap googleMap) { // 在这里可以进行地图操作,比如设置初始位置、添加标记等 } }); ``` 在`onMapReady`回调中,你可以访问到GoogleMap对象,从而调用各种方法来定制地图,如设置...

    GoogleMap定位系统、与Webservice连接

    在GoogleMap应用中,ImageView可能被用来显示自定义的标记或者用户头像。开发者可以设置不同的加载策略,如占位符、错误图,以及优化图像加载以提高性能。 **GridView**: GridView是Android的一种布局管理器,它...

    Android应用源码之写的google map api 应用.zip

    public void onMapReady(GoogleMap googleMap) { MapFragment.this.googleMap = googleMap; // 设置地图类型,如卫星图、普通图等 googleMap.setMapType(GoogleMap.MAP_TYPE_NORMAL); // 开启定位服务 if ...

    基于Google Map API的简单地图

    总的来说,"基于Google Map API的简单地图"项目涵盖了定位用户、地图操作和标记地点等基本功能,通过学习和实践,开发者可以构建出更加丰富和交互性强的地图应用。Google Map API的强大和灵活性使其成为开发地图应用...

Global site tag (gtag.js) - Google Analytics