Map settings

<%= render 'settings/navigation' %>

Please remember, that using a custom tile URL may result in extra costs. Check your map tile provider's terms of service for more information.

<%= form_for :maps, url: settings_maps_path, method: :patch, autocomplete: "off", data: { turbo_method: :patch, turbo: false } do |f| %>

Map Configuration

<%= f.label :name, class: 'label' do %> Map Name <% end %>

<%= f.text_field :name, value: @maps['name'], placeholder: 'Example: OpenStreetMap', class: "input input-bordered w-full pr-10" %>

A descriptive name for your map configuration

<%= f.label :url, class: 'label' do %> Tile URL <% end %>

<%= f.text_field :url, value: @maps['url'], autocomplete: "off", placeholder: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', class: "input input-bordered w-full pr-10", data: { map_preview_target: "urlInput", action: "input->map-preview#updatePreview" } %>

URL pattern for map tiles. Must include {x}, {y}, and {z} placeholders

Distance Unit

<%= f.label :distance_unit_km, 'Kilometers', class: 'cursor-pointer' %> <%= f.radio_button :distance_unit, 'km', id: 'maps_distance_unit_km', class: 'radio radio-primary ml-1 mr-4', checked: @maps['distance_unit'] == 'km' %> <%= f.label :distance_unit_mi, 'Miles', class: 'cursor-pointer' %> <%= f.radio_button :distance_unit, 'mi', id: 'maps_distance_unit_mi', class: 'radio radio-primary ml-1', checked: @maps['distance_unit'] == 'mi' %>

Preferred Map Version

<%= f.label :preferred_version_v1, 'V1 (Leaflet)', class: 'cursor-pointer' %> <%= f.radio_button :preferred_version, 'v1', id: 'maps_preferred_version_v1', class: 'radio radio-primary ml-1 mr-4', checked: @maps['preferred_version'] == 'v1' %> <%= f.label :preferred_version_v2, 'V2 (MapLibre)', class: 'cursor-pointer' %> <%= f.radio_button :preferred_version, 'v2', id: 'maps_preferred_version_v2', class: 'radio radio-primary ml-1', checked: @maps['preferred_version'] != 'v1' %>

Choose which map version to use by default. V2 (MapLibre with enhanced features) is the default for new users, V1 (Leaflet) is available for compatibility.

Map Preview

Tile Usage (Last 7 Days)

<%= line_chart( @tile_usage, height: '200px', xtitle: 'Days', ytitle: 'Tiles', suffix: ' tiles loaded' ) %>

Total usage this week: <%= @tile_usage.sum { |_, count| count } %> tiles

<%= f.submit 'Save changes', class: "btn btn-primary", data: { map_preview_target: "saveButton" } %>

<% end %>