#19 OSM-Map Styling
This commit is contained in:
parent
1a8a7cc4f0
commit
9613f553e9
BIN
django_lostplaces/lostplaces/static/icons/map-marker-icon.png
Normal file
BIN
django_lostplaces/lostplaces/static/icons/map-marker-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.9 KiB |
@ -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; }
|
||||
|
@ -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" %}'
|
||||
})
|
||||
})
|
||||
});
|
||||
|
Loading…
Reference in New Issue
Block a user