摘要：
Geocoding is the process of converting addresses (like "1600 Amphitheatre Parkway, Mountain View, CA") into geographic coordinates (like latitude 37.423021 and longitude -122.083739), which you can use to place markers or position the map.The Google Maps API provides a geocoder class for g 阅读全文
随笔分类 - google api
一个产生随机random markers 例子
2012-10-04 22:16 by youxin, 383 阅读, 收藏, 编辑
摘要：
看看下面代码，写的非常好：<html><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><head></head><body><style> body, h1, h2, h3, h4 { margin: 0; padding: 0; font-size: 0.9em; } #sideContainer { list-style-type: none; padding: 0; margin: 0 阅读全文
KML 简介
2012-10-04 17:13 by youxin, 2477 阅读, 收藏, 编辑
摘要：
KML 是一种文件格式，用于在地球浏览器（例如 Google 地球、Google 地图和谷歌手机地图）中显示地理数据。KML 使用含有嵌套的元素和属性的基于标记的结构，并符合 XML 标准。所有标记都区分大小写，而且完全如KML 参考中列出的那样显示。该参考指出了哪些标记是可选的。在指定元素内，标记必须按照参考中显示的顺序显示。https://developers.google.com/kml/documentation/kml_tut 阅读全文
google maps layer图层
2012-10-04 17:03 by youxin, 545 阅读, 收藏, 编辑
摘要：
图层是地图上的对象，包含一个或多个单独项，但可作为一个整体进行操作。图层通常反映了您添加到地图上用于指定公共关联的对象集合。Maps API 会通过以下方法管理图层内对象的显示形式：将图层的组成项呈现在一个对象（通常为一个图块叠加层）中并根据地图视口的变化情况进行显示。图层还可以改变地图自身的展示图层，以符合图层样式的方式稍稍改变基本图块。请注意，系统将大部分图层设计为禁止通过其单个对象进行访问，而仅可将其作为一个整体来操作。要在地图上添加图层，只需调用setMap()，将图层传递给要在其中显示图层的地图对象。同样，要隐藏图层，可调用setMap()，传递null。Google Maps AP 阅读全文
Google Maps Overlays叠加层
2012-09-27 00:23 by youxin, 1337 阅读, 收藏, 编辑
摘要：
叠加层概述叠加层是地图上与纬度/经度坐标绑定的对象，会随您拖动或缩放地图而移动。叠加层表示的是“添加”到地图中以标明点、线、区域或对象集合的对象。Google Maps API 包含以下几种叠加层：地图上的单个位置显示为标记。标记有时可显示自定义的图标图片，此时标记通常被称为“图标”。标记和图标是Marker类型的对象。（有关详细信息，请参见下面的标记和图标。）地图上的线显示为折线（表示一系列按顺序排列的位置）。线是Polyline类型的对象。（有关详细信息，请参见折线。）地图上的不规则形状区域显示为多边形，多边形类似于折线。与折线相同的是，多边形也是由一系列按顺序排列的位置构成的；不同的是， 阅读全文
google maps 控件controller
2012-09-26 22:08 by youxin, 795 阅读, 收藏, 编辑
摘要：
控件概述Google Maps 上的地图包含用户界面元素，可以让用户通过地图进行交互。这些元素称为“控件”。您可以在 Google Maps API 应用程序中添加这些控件的多种组合。或者，您也可以不进行任何操作，让 Google Maps API 处理所有控件行为。Google Maps API 带有大量可以在地图中使用的内置控件：缩放控件会显示一个滑块（对于大型地图）或小型的“+/-”按钮（对于小型地图），用于控制地图的缩放级别。在非触摸的设备上，该控件默认显示在地图的左上角，而在触摸设备上则会出现在左下角。平移控件显示了用于平移地图的按钮。在非触摸的设备上，该控件默认显示在地图的左上角。 阅读全文
一个简单的marker和infowindow
2012-09-26 20:26 by youxin, 667 阅读, 收藏, 编辑
摘要：
以下代码在map上创建了一个Marker，然后在Marker上注册了事件监听器，点击后显示了InfoWindow.// Creating an option object for the mapvar options = { zoom: 7, center: new google.maps.LatLng(56.83, 15.16), mapTypeId: google.maps.MapTypeId.ROADMAP};// Initializing the mapvar map = new google.maps.Map(document.getElementById('m... 阅读全文
google maps 事件event
2012-09-25 00:02 by youxin, 1399 阅读, 收藏, 编辑
摘要：
地图事件概述浏览器中的 JavaScript 是事件驱动的，这表示 JavaScript 通过生成事件来响应交互，并期望程序侦听感兴趣的事件。Google Maps API 第 3 版的事件模型与 Google Maps API 第 2 版中所使用的事件模型在内在机制上尽管有很大的不同，但两者是十分相似的。有两种类型的事件：用户事件（如“点击”鼠标事件）是从 DOM 传播到 Google Maps API 中的。这些事件是独立的，并且与标准 DOM 事件不同。MVC 状态更改通知反映了 Google Maps API 对象中的更改，并以property_changed惯例命名很好记这两类事件， 阅读全文
google maps Marker
2012-09-24 23:56 by youxin, 482 阅读, 收藏, 编辑
摘要：
Marker(opts?:MarkerOptions) Creates a marker with the options specified. If a map is specified, the marker is added to the map upon construction. Note that the position must be set for the marker to display.新建一个Marker var marker=new google.maps.Marker({ position:myLatlng, map:map, title:'hello w 阅读全文
