Google Maps JSAPI V3入门

简介:

V3中,做了不少改进,下面对将做简单扼要地介绍。

V3的特性

    1. 不再需要API Key
    2. 指定sensor传感器参数,检测到用户当前位置
    3. 针对移动设备(IPhone设备和Android系统)的开发
    4. 支持本地化
    5. 版本管理

Google Maps JSAPI V3 - 基础知识

Google Maps JavaScript API V3 - 参考

示例程序

 
  1. <html> 
  2. <head> 
  3. <title>我的Google Maps入门程序</title> 
  4. <META  charset="utf-8"> 
  5. <script src="http://maps.google.com/maps/api/js?sensor=false" ></script> 
  6. <script type=text/javascript> 
  7. (function(){ 
  8.     var map = null
  9.     var level = 10
  10.     var options; 
  11.  
  12.     window.init=function(){ 
  13. /* 
  14.     options.mapTypeId的值有 
  15.         MapTypeId.ROADMAP:用于显示默认的道路地图视图 
  16.         MapTypeId.SATELLITE:用于显示 Google 地球卫星图像 
  17.         MapTypeId.HYBRID:用于同时显示普通视图和卫星视图 
  18.         MapTypeId.TERRAIN:用于根据地形信息显示实际地图 
  19. */ 
  20.         options = {   
  21.             zoom: level, 
  22.             center: new google.maps.LatLng(39.89911190624382, 116.35516015625), 
  23.             mapTypeId: google.maps.MapTypeId.ROADMAP, 
  24.             mapTypeControl: true 
  25.         }; 
  26.         map = new google.maps.Map(document.getElementById("divMap"), options); 
  27.     }; 
  28. })(); 
  29. </script> 
  30. </head> 
  31. <body onload="init()"> 
  32.   <div id="divMap" style="height: 400px; width:600px; border:solid 1px gray"></div> 
  33. </body> 
  34. </html> 

P.S. V3让人感觉Google彻底开放了,而且API的设计也改善了,在移动方面还需要改进,期待!

 

本文转自 彭金华  51CTO博客,原文链接:http://blog.51cto.com/pengjh/620946



相关文章
|
2月前
|
JSON 定位技术 API
谷歌地图接口Google Maps APIs中地图样式设计配置调整与JSON或URL导出
谷歌地图接口Google Maps APIs中地图样式设计配置调整与JSON或URL导出
|
8月前
|
数据挖掘 API 网络安全
如何使用Google Compute Engine入门指南快速创建和配置您的云虚拟机实例
Google Compute Engine(GCE)是 Google Cloud Platform(GCP)的一部分,它为用户提供了高度可扩展的虚拟机实例,用于运行各种工作负载,从简单的网站托管到复杂的数据分析。本文将引导您完成使用 Google Compute Engine 的入门过程,以便您可以轻松开始使用这一强大的云计算平台。
474 0
|
JSON 小程序 定位技术
Google Maps APIs地图样式的设计与导出方法
本文介绍在谷歌地图API(Google Maps APIs)中,设计地图样式并将设计好的样式通过JSON或URL导出的方法~
246 1
Google Maps APIs地图样式的设计与导出方法
Google Bard的暂时从入门到放弃
Google Bard的暂时从入门到放弃
116 0
Google Bard的暂时从入门到放弃
|
JavaScript 前端开发 定位技术
最佳网络地图服务对比分析:Google Maps 与 OpenStreetMap
最佳网络地图服务对比分析:Google Maps 与 OpenStreetMap
455 0
最佳网络地图服务对比分析:Google Maps 与 OpenStreetMap
|
API
Google Guava之Maps&Lists&Sets
日常开发中,使用最多的就是集合了,所以避免不了对集合的各种操作,本篇文章来看一下,Guava中都有哪些常用的集合操作的API可以简化我们的代码。
203 0
Google Guava之Maps&Lists&Sets
|
知识图谱
Google Earth Engine——Daymet V3提供美国、墨西哥、加拿大、夏威夷和波多黎各的每日天气参数的网格化气象数据集
Google Earth Engine——Daymet V3提供美国、墨西哥、加拿大、夏威夷和波多黎各的每日天气参数的网格化气象数据集
208 0
Google Earth Engine——Daymet V3提供美国、墨西哥、加拿大、夏威夷和波多黎各的每日天气参数的网格化气象数据集
|
编解码 算法
Google Earth Engine——SRTM V3产品(SRTM Plus)由NASA JPL提供,分辨率为1弧秒(约30米)。
Google Earth Engine——SRTM V3产品(SRTM Plus)由NASA JPL提供,分辨率为1弧秒(约30米)。
393 0
Google Earth Engine——SRTM V3产品(SRTM Plus)由NASA JPL提供,分辨率为1弧秒(约30米)。
|
机器学习/深度学习 Web App开发 传感器
GEE(Google Earth Engine)——JavaScript 入门(1)
GEE(Google Earth Engine)——JavaScript 入门(1)
482 0
GEE(Google Earth Engine)——JavaScript 入门(1)
|
机器学习/深度学习 存储 知识图谱
GNN入门必看!Google Research教你如何从毛坯开始搭建sota 图神经网络(下)
图神经网络近几年的发展十分火热,主要原因还是图能够表示连通关系,例如知识图谱等更贴切现实应用!Google Research最近发了一篇博客,从零开始教学GNN的发展路程,不熟悉的同学可以查缺补漏啦!
173 0
GNN入门必看!Google Research教你如何从毛坯开始搭建sota 图神经网络(下)