burnbright/silverstripe-widget-googlemap

一个简单、无冗余的 Google 地图 SilverStripe 小部件。

安装: 92

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 3

分支: 1

开放问题: 1

类型:silverstripe-module

dev-master 2016-01-13 01:41 UTC

This package is auto-updated.

Last update: 2024-08-24 19:49:46 UTC


README

为 SilverStripe 制作的 Google 地图小部件。这个小部件被有意设计得简单,去除了任何冗余。

CMS 选项包括

  • 纬度 / 经度
  • 缩放级别
  • 禁用控件

自定义地图

您可以通过 JavaScript 自定义地图,通过访问存储在全局变量 GoogleMapWidget.maps 中的每个地图的引用来实现。

例如,为了将所有地图设置为灰色,向左平移 200 像素,并添加一个自定义标记

(function($) {
	$(document).ready(function() {
		if(typeof GoogleMapWidget != 'undefined'){ //if widget is present
			var style = [
				{
					"stylers": [
						{ "saturation": -100}
					]
				}
			];
			var customMapType = new google.maps.StyledMapType(style);
			var map;
			for (var i in GoogleMapWidget.maps) {
				map = GoogleMapWidget.maps[i]
				map.mapTypes.set("STYLED_MAP", customMapType);
				map.setOptions({
					mapTypeId: "STYLED_MAP"
				});
				map.panBy(200,0);
				map.marker.setIcon("mysite/images/map_marker.png");
			};
		}
	});
})(jQuery);

在此处创建自定义地图样式: http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html