【问题标题】:Change Leaflet Map Zoom control style using Drupal Leaflet module使用 Drupal Leaflet 模块更改 Leaflet Map Zoom 控件样式
【发布时间】:2015-12-14 07:27:10
【问题描述】:

我找不到可以为传单地图设置“大”缩放控制样式的设置。

当前系统 我的页面来自 View,其中视图格式为“地图(传单 API,通过 IPGV&M)”。我正在使用 Leaflet 标记在地图上显示自定义标记。 我正在为 D7 使用以下模块

  • 传单
  • 传单视图
  • 传单更多地图
  • ip_geoloc

已编辑

我需要将缩放控件样式从小更改为大。这是一个小的缩放控件:prntscr.com/9eeq41 这是一个大的prntscr.com/9eeqqu

【问题讨论】:

  • Leaflet 是一个与谷歌地图完全不同的图书馆。不确定为什么要在 Leaflet 地图上使用 Google Maps 逻辑。那永远行不通。请编辑您的问题并详细说明。
  • 感谢您的回复。我已经更正了我的问题。

标签: javascript drupal drupal-7 leaflet ip-geolocation


【解决方案1】:

您可以通过将 Zoomslider JS 和 CSS 分别包含在主题的 js 和 css 文件夹中来实现。

将其与leaflet.map绑定,然后将zoomslider控件添加到地图中。

您的代码应如下所示:

jQuery(document).bind('leaflet.map', function(event, map, lMap) {
    L.control.zoomslider().addTo(lMap);
});

这将为您的地图添加缩放滑块控件。

你可以在这里找到参考:Leaflet Zoomslider

【讨论】:

    【解决方案2】:
    1. 转到 admin/structure/types/manage/YOUR_CONTENT_TYPE/display。
    2. 在 Geofield(字段)格式选择传单并单击设置 右侧的图标。

    您可以在此处更改最小/最大视图设置,如图片中所示。

    【讨论】:

    • 我不想设置缩放。我希望缩放控制从小到大。
    • 我的意思是说,我需要将缩放控制样式从小更改为大。这是一个小的缩放控件:prntscr.com/9eeq41 和这是一个大的 prntscr.com/9eeqqu
    猜你喜欢
    • 1970-01-01
    • 2022-01-09
    • 1970-01-01
    • 2021-02-20
    • 2020-01-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多