Commander1024/lostplaces-backend
Commander1024/lostplaces-backend
1
0
Fork 0
Code Issues 14 Pull Requests Releases Wiki Activity

#19 OSM-Map Styling

Browse Source
This commit is contained in:
reverend 2020-09-29 20:21:27 +02:00
parent 1a8a7cc4f0
commit 9613f553e9
3 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
django_lostplaces/lostplaces/static/icons/map-marker-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

20
django_lostplaces/lostplaces/static/main.css
View File

@ -1641,6 +1641,26 @@ body {
.LP-ImageGrid__Item > .LP-Link:hover + .LP-ImageGrid__DeleteItem, .LP-ImageGrid__DeleteItem:hover {
visibility: visible; }
.LP-Map .ol-attribution {
font-family: "Montserrat", Helvetica, sans-serif;
color: #565656; }
.LP-Map .ol-attribution a {
color: #C09F80; }
.LP-Map .ol-attribution a:hover, .LP-Map .ol-attribution a:focus {
color: #D7CEC7; }
.LP-Map .ol-zoom-in, .LP-Map .ol-zoom-out {
background-color: #C09F80; }
.LP-Map .ol-zoom-in:hover, .LP-Map .ol-zoom-in:focus, .LP-Map .ol-zoom-out:hover, .LP-Map .ol-zoom-out:focus {
background-color: #565656; }
.LP-Map .LP-Map__Popup {
font-family: "Montserrat", Helvetica, sans-serif;
color: #565656;
background-color: #f9f9f9;
padding: .5em;
border-radius: 2px; }
.LP-MainContainer {
margin: 0 auto;
max-width: 1280px; }

8
django_lostplaces/lostplaces/templates/partials/osm_map.html
View File

@ -1,6 +1,6 @@
<div tabindex="1" id="map" class="map" style="height: 300px"></div>
<div id="info" class="map-popup"></div>
{% load static %}
<div tabindex="1" id="map" class="LP-Map map" style="height: 300px"></div>
<div id="info" class="map-popup LP-Map__Popup"></div>
<script type="text/javascript">
var map = new ol.Map({
@ -38,7 +38,7 @@
anchorXUnits: 'fraction',
anchorYUnits: 'pixels',
scale: 0.3,
src: 'http://icons.iconarchive.com/icons/paomedia/small-n-flat/128/map-marker-icon.png'
src: '{% static "icons/map-marker-icon.png" %}'
})
})
});