burnbright / silverstripe-widget-googlemap
一个简单、无冗余的 Google 地图 SilverStripe 小部件。
dev-master
2016-01-13 01:41 UTC
Requires
- silverstripe/cms: 3.1.*
- silverstripe/framework: 3.1.*
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