使用 Drupal Leaflet 模块更改 Leaflet Map Zoom 控件样式
Change Leaflet Map Zoom control style using Drupal Leaflet module
我找不到可以将 Leaflet 地图的缩放控制样式设置为“大”的设置。
当前系统
我的页面来自视图，其中视图格式为“地图（传单 API，通过 IPGV&M）”。我正在使用 Leaflet 标记在地图上显示自定义标记。
我正在为 D7
使用以下模块
- 传单
- 传单浏览量
- 传单更多地图
- ip_geoloc
已编辑
我需要将缩放控件样式从“小”更改为“大”。这是一个小的缩放控件： prntscr.com/9eeq41 and This is a Large prntscr.com/9eeqqu
- 转到admin/structure/types/manage/YOUR_CONTENT_TYPE/display。
- 在Geofield（字段）格式中选择传单并点击设置
右边的图标。
您可以在此处更改 min/max 视图设置，如图所示。
您可以通过分别在主题的 js 和 css 文件夹中包含 Zoomslider JS 和 CSS 来实现此目的。
用leaflet.map绑定，然后在地图上添加zoomslider控件。
您的代码应如下所示：
jQuery(document).bind('leaflet.map', function(event, map, lMap) {
L.control.zoomslider().addTo(lMap);
});
这会将 zoomslider 控件添加到您的地图。
您可以在此处找到参考资料：Leaflet Zoomslider
我找不到可以将 Leaflet 地图的缩放控制样式设置为“大”的设置。
当前系统 我的页面来自视图，其中视图格式为“地图（传单 API，通过 IPGV&M）”。我正在使用 Leaflet 标记在地图上显示自定义标记。 我正在为 D7
使用以下模块- 传单
- 传单浏览量
- 传单更多地图
- ip_geoloc
已编辑
我需要将缩放控件样式从“小”更改为“大”。这是一个小的缩放控件：
- 转到admin/structure/types/manage/YOUR_CONTENT_TYPE/display。
- 在Geofield（字段）格式中选择传单并点击设置 右边的图标。
您可以在此处更改 min/max 视图设置，如图所示。
您可以通过分别在主题的 js 和 css 文件夹中包含 Zoomslider JS 和 CSS 来实现此目的。
用leaflet.map绑定，然后在地图上添加zoomslider控件。
您的代码应如下所示：
jQuery(document).bind('leaflet.map', function(event, map, lMap) {
L.control.zoomslider().addTo(lMap);
});
这会将 zoomslider 控件添加到您的地图。
您可以在此处找到参考资料：Leaflet Zoomslider