`

Google Maps JavaScript API 实例 --显示自已所在地的地图

    博客分类:
  • js
阅读更多

1.显示一个详细的地方:

<!DOCTYPE html "-//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=abcdefg&sensor=true_or_false"
            type="text/javascript"></script>
    <script type="text/javascript">
 
    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
       // map.setCenter(new GLatLng(36.94, 106.08), 4); //1,2
 map.setCenter(new GLatLng(34.808139257044026,113.6924135684967),16); //郑州市经三路
        map.setUIToDefault();
      }
    }
 
    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
  </body>
</html>

 

2.

想要显示自己家的地图.
只要修改这里的地标就可以了 map.setCenter(new GLatLng(29.873545655686,121.536598205570002), 12);
设置地标就行了,后面的12是地图放大放小的,至于你家里的地标多少,可以到这里查,http://www.eemap.org/

var point = new GLatLng(29.865879473690174,121.554536819458022);
map.addOverlay(createMarker(point, "琴桥"));
这里是在地图上标志你家的位置,比如这里的琴桥.

 

http://hi.baidu.com/aaaflb/blog/item/354bf6cafb711f16be09e6a1.html

分享到:
评论

相关推荐

    [免费]Google Maps JavaScript API V3中文版参考手册.rar

    通过设置`&lt;div&gt;`元素,并指定其ID,然后在JavaScript中调用`google.maps.Map`构造函数,传入容器ID和地图选项,如中心点坐标、缩放级别等,即可创建地图实例。 ```javascript var mapDiv = document.getElementById...

    js-api-loader:动态加载Google Maps JavaScript API脚本

    npm i @googlemaps/js-api-loader 要么 yarn add @googlemaps/js-api-loader 或者,您可以使用unpkg链接将umd包直接添加到html文档中。 [removed][removed] 通过unpkg添加时,可以通过google.maps.plugins....

    Google Maps JavaScript API V3 详细教程

    - `google.maps.Map`是API中的核心对象,它表示一个地图实例,可以通过传递配置对象和DOM元素来创建。 - 在`initialize()`函数中,通过`new google.maps.Map(document.getElementById("map_canvas"), myOptions)`...

    Google Maps Javascript API V3开发包

    Google Maps Javascript API V3 Reference 适用于页面调用谷歌地图,弹出窗口等功能

    Google Maps API V3 中文参考文档(JavaScript)

    Google Maps API V3 中文参考文档(JavaScript) Google Maps API V3 是 Google Maps 提供的一款强大的地图应用程序接口,允许开发者在网站或应用程序中轻松嵌入谷歌地图。该 API 的 JavaScript 版本提供了丰富的...

    google-maps-api-loader:用于加载Google Maps API的Promise包装器

    $ npm install --save google-maps-api-loader 用法 var GoogleMapsApiLoader = require ( 'google-maps-api-loader' ) ; GoogleMapsApiLoader ( { libraries : [ 'places' ] , apiKey : 'your-api-key' // ...

    Google Maps API编程资源大全

    Google Maps API是Google提供的一项强大的服务,允许开发者在自己的应用程序中集成地图功能,进行地理位置相关的开发。这个"Google Maps API编程资源大全"包含了丰富的资料,帮助开发者深入理解和使用这一技术。 ...

    Google_Maps_API_V3.rar_Google Maps api v3_谷歌地图

    要在网页中嵌入Google Maps,你需要在HTML中添加一个`&lt;div&gt;`元素作为地图容器,并在JavaScript中使用API创建一个新的地图实例。这通常涉及到设置地图的中心点(经纬度坐标)、缩放级别和其他配置选项。 ```html ...

    google-maps-api-threejs-layer, 谷歌地图 API层,使用 Three.js 实现超快速动画.zip

    google-maps-api-threejs-layer, 谷歌地图 API层,使用 Three.js 实现超快速动画 用于 谷歌地图 API的 Three.js-层谷歌地图 API层,使用 Three.js 实现超快速动画。用法new ThreejsLayer(options, completeCallback)...

    web2py_google_maps_javascript_api-源码.rar

    而Google Maps JavaScript API则是Google提供的用于在网页上集成和操作地图的服务,它允许开发者通过JavaScript编程语言来实现地图交互功能。 **web2py框架** 1. **基础概念**:web2py是一个全栈框架,包括了服务器...

    Google_Maps_JavaScript_API_V3_教程

    Google Maps JavaScript API V3 是一个功能强大且灵活的地图服务接口,允许开发者轻松地将交互式地图集成到他们的网站或应用中。相比于之前的版本,V3 提供了更多增强功能,并优化了性能,使其成为目前最流行的地理...

    Google Maps JavaScript API V3

    - **定义**:`google.maps.Map` 是所有地图应用的核心对象,它代表了一个地图实例。 - **创建方法**:通过 `new google.maps.Map()` 构造函数来创建地图对象。 - **参数**: - 第一个参数:HTML 元素的引用,...

    google-maps-api-json.rar_Google Maps API_JSON_google json_google

    标题中的"google-maps-api-json.rar"表明这是一个关于Google Maps API与JSON数据交互的压缩文件。Google Maps API是Google提供的一项服务,允许开发者在自己的应用或网站上集成地图功能,进行地理位置相关的操作。...

    Google-Maps-API-China

    Google-Maps-API-China

    Google 地图 JavaScript API 示例

    Google 地图 JavaScript API 是一个强大的工具,允许开发者在网页上集成交互式地图功能。这个API提供了丰富的功能,包括定位、地图显示、标记、信息窗口、路径绘制、地理编码、覆盖物以及各种事件处理等。下面我们将...

    Google Maps JavaScript API Cookbook(2013,11)最新英文版

    Google Maps JavaScript API Cookbook是2013年11月出版的针对谷歌地图JavaScript API的详细介绍指南。该书为读者提供了一套包含超过50个实用食谱的集合,旨在帮助开发者利用Google Maps JavaScript API创建网络地图...

    Google Maps JavaScript API V3 自用版本.doc.doc

    《Google Maps JavaScript API V3 自用版本》 Google Maps JavaScript API V3 是 Google 提供的一套用于在网页中集成和操作 Google Maps 的 JavaScript 库。这个版本替代了之前的 V2 版本,提供了更快的加载速度,...

    基于Google Maps JavaScript API的物流配送车辆调度系统设计.pdf

    本文提出了一种基于Google Maps JavaScript API的物流配送车辆调度系统设计,通过提取Google Maps道路信息,并与物流配送信息紧密结合,利用模拟退火遗传算法解决物流配送中的车辆调度问题,并将解决结果显示在...

    google-maps-javascript-api:使用google maps javascript API,地址字段,标记和信息窗口为您的网站创建Google maps

    Google Maps JavaScript API :pushpin: Google Maps JavaScript API演示 影片教学 :video_camera: 步骤1-获取API密钥 :old_key_selector: 步骤2建立专案 :file_folder: 登录到您的Google API仪表板 单击上述API的...

Global site tag (gtag.js) - Google Analytics