Google maps library的使用

公司的项目中用到了google地图API, 使用Google API开发就会用到Marker, 用来在google 地图上标注位置

但是google marker使用过程中也有个问题，就是如果在google 地图上标注了大量的Marker, 一个是容易导致google地图加载速度变慢，另一个是marker太多，地图就很

不好看，甚至是看不清楚了，因为你会发现地图就被这些Marker占据了

在Google Maps API中，提供了集群来解决这个问题，也就是MarkerClusterer,

我们之前用的library(Google 提供) ： https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js

然后在Google maps上的图片标记url是： https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m

一般在JS中用法如下：

var mc = new MarkerClusterer(map, markers, {

imagePath: ‘https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m‘
});

然而，在12/05/2016, Google decommissioned the google-maps-utility-library-v3.googlecode.com source for this library. 也就是说，今年的5月12日，google停止了这个library的使用，google把它移到了GitHub上。

GitHub地址： https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/src/markerclusterer.js

https://github.com/googlemaps/js-marker-clusterer

https://github.com/googlemaps/js-marker-clusterer/blob/gh-pages/src/markerclusterer.js

图片地址是 https://github.com/googlemaps/js-marker-clusterer/tree/gh-pages/images

在你的开发环境中如何使用它呢？ 使用步骤如下：

1. Find your link on GitHub, and click to the "Raw" version of the file.

2. Copy the URL, and link to it

3. Change raw.githubusercontent.com to rawgit.com (non-production) or cdn.rawgit.com(production)

所以，在markerclusterer.js中，把图片地址由 https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images

改为 https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/images

时间： 2024-10-10 01:54:35

Google maps library的使用的相关文章

在Google Maps 上点击标签后显示说明

JS如下: (function() { ????window.onload = function() { ? ????????// Creating an object literal containing the properties ????????// you want to pass to the map ????????var options = { ????????????zoom: 3, ????????????center: new google.maps.LatLng(37.0

在Google Maps 上点击标签显示说明并保持不消失

JS如下: (function() { ????window.onload = function() { ????????// Creating an object literal containing the properties ????????// we want to pass to the map ????????var options = { ????????????zoom: 3, ????????????center: new google.maps.LatLng(37.09,

如何在Google Maps 添加多个标记

JS如下: (function() { ????window.onload = function() { ????????// Creating an object literal containing the properties ????????// we want to pass to the map ????????var options = { ????????????zoom: 12, ????????????center: new google.maps.LatLng(40.725

Google maps api demo

demo: <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>KML Layers</title> <style> html, body, #ma

Android Google Maps API 网络服务用于网络定位、计算路线、获取经纬度、获取详细地址等

---恢复内容开始--- extends:http://blog.csdn.net/h7870181/article/details/12505883 Google Maps API 网络服务 官网地址 : https://developers.google.com/maps/documentation/webservices/?hl=zh-cn 其实就是一些接口,供我们调用,如: 1.根据地址获取经纬度 http://maps.google.com/maps/api/geocode/json?

Google Maps API Web Services

原文:Google Maps API Web Services 摘自:https://developers.google.com/maps/documentation/webservices/ Google Maps API Web Services 本文将探讨 Google Maps API Web Services,这是一个为您的地图应用程序提供地理数据的 Google 服务的 HTTP 接口集合.本指南仅旨在介绍通用于所有不同服务的 Web 服务和托管信息.每个服务的单个文档位于以下位置:

C# 程序自动批量生成 google maps 的KML文件

原文:C# 程序自动批量生成 google maps 的KML文件 google maps 的 KML 文件可以用于静态的地图标注,在某些应用中,我们手上往往有成百上千个地址,我们需要把这些地址和描述批量标注到 google maps 上去,如果手工来做,太耗时间,在这里我写了一个程序批量来生成这个 KML 文件. 首先看一下 KML 文件的格式: <?xml version="1.0" encoding="UTF-8"?> <kml xmlns=

google maps js v3 api教程(1) -- 创建一个地图

原文地址 google maps javascript官方文档:https://developers.google.com/maps/documentation/javascript/ 在创建地图之前,我们进入 Google Developers Console创建一个key,用于我们开发地图的身份验证(当然,没有key也可以进行接下来的教程) 创建一个简单的地图: <!DOCTYPE html> <html> <head> <title>Simple Ma

Android系统集成Google Maps和Google Search apk注意事项

最近公司由于要参加国际上的某个show,需要集成Google Maps和Google Search的apk,注意是源码集成.在此过程中遇到一些坑,总结下来希望大家注意,以后遇到类似问题可以参考. 大家都知道,源码集成apk主要有两种形式,一种是预装到/system/app下边,一种是预装到/data/app下,当然还有一种比较特殊的是/system/priv-app.在集成之前,我先在某个应用市场下载了最新的几个Google的apk (我的系统环境是5.0.1),它们分别是:Google Pla