注:本文转载自open-open
Google Maps 拥有非常多的 API,您可以利用它们在您的网站和应用程序中嵌入功能强大且实用的 Google Maps,并在地图上叠加您自己的数据。您可以使用 JavaScript 在网页中嵌入 Google Map,还可以通过多种服务操作地图并添加内容。 下面为大家介绍一些用于提升您Google Map使用技巧的JavaScript资源。
gmap3是一个jquery插件,能够实现google map API 版本3的非常多操作。 它支持最新的Google map API并提供热图功能。最重要的是,它拥有良好的API使用文档。
这是一个用于增强静态Google地图的jQuery插件。这插件能够让你创建一个更加复杂的动态地图。
jMapping 这个jQuery插件可以用于从语义标签创建Google Maps。这个插件能够帮助你快速实现一个在HTML页面中指定地点清单的谷歌地图页面。
goMap是另一个功能强大的google地图插件。 它拥有一系列的解决方案和示例来证明你所有可能用到的设置。
来自Gabriel Svennerberg网站的教程
在Gabriel Svennerberg 这个网站上有一系列的教程。拥有5个系列帮您学习Google API 3的大部分基础知识。
- Google Maps API3 – The basics
- Google Maps API3 – Map Settings
- Google Maps API3 – Markers
- Google Maps API3 – InfoWindows
- Google Maps API3 – Mobile devices
其它实用的指南
- Adding Custom Google Map to your website
- Simple Multiple Marker Example
- Adding Markers to a Map Using the Google Maps API 3 and jQuery
实用的工具
下面是本文作者曾经在以前项目中用过的两个工具。
- Styled Maps: 这个工具对于自定义Google Map极其好用。比如,你可以改变Google地图中的街道的亮度和饱和度。
- Infobox.js: InfoBox扩展自Google Maps JavaScript API V3 OverlayView类。一个功能类似于google.maps.InfoWindow,用于自定义消息提示窗口。它支持一些额外属性设置,以便实现高级的样式修改。一个InfoBox还可以当作一个地图标签(Label)使用。