web: fix marker icon position
Shoutouts to 14mRh4X0r for finding the right CSS properties that work for centering the marker icons. Fixes #1481.
This commit is contained in:
@@ -334,7 +334,8 @@ overviewer.util = {
|
|||||||
for (var mkidx = 0; mkidx < markers[obj.path].length; mkidx++) {
|
for (var mkidx = 0; mkidx < markers[obj.path].length; mkidx++) {
|
||||||
var marker_group = new L.layerGroup();
|
var marker_group = new L.layerGroup();
|
||||||
var marker_entry = markers[obj.path][mkidx];
|
var marker_entry = markers[obj.path][mkidx];
|
||||||
var icon = L.icon({iconUrl: marker_entry.icon});
|
var icon = L.icon({iconUrl: marker_entry.icon,
|
||||||
|
className: "ov-marker"});
|
||||||
console.log("marker group:", marker_entry.displayName, marker_entry.groupName);
|
console.log("marker group:", marker_entry.displayName, marker_entry.groupName);
|
||||||
|
|
||||||
for (var dbidx = 0; dbidx < markersDB[marker_entry.groupName].raw.length; dbidx++) {
|
for (var dbidx = 0; dbidx < markersDB[marker_entry.groupName].raw.length; dbidx++) {
|
||||||
@@ -342,7 +343,8 @@ overviewer.util = {
|
|||||||
var latlng = overviewer.util.fromWorldToLatLng(db.x, db.y, db.z, obj);
|
var latlng = overviewer.util.fromWorldToLatLng(db.x, db.y, db.z, obj);
|
||||||
var m_icon;
|
var m_icon;
|
||||||
if (db.icon != undefined) {
|
if (db.icon != undefined) {
|
||||||
m_icon = L.icon({iconUrl: db.icon});
|
m_icon = L.icon({iconUrl: db.icon,
|
||||||
|
className: "ov-marker"});
|
||||||
} else {
|
} else {
|
||||||
m_icon = icon;
|
m_icon = icon;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -173,3 +173,9 @@ div.worldcontrol select {
|
|||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ov-marker {
|
||||||
|
position:relative;
|
||||||
|
margin-left:-50%;
|
||||||
|
margin-top:-50%;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user