|
@ -59,36 +59,7 @@ function handleEvent(event) { |
|
|
return code_to_function[payload.code](payload); |
|
|
return code_to_function[payload.code](payload); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function buildIcon(icon) { |
|
|
|
|
|
return `\`
|
|
|
|
|
|
<!DOCTYPE html> |
|
|
|
|
|
<html> |
|
|
|
|
|
<head> |
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
|
|
<style> |
|
|
|
|
|
.dot { |
|
|
|
|
|
height: 25px; |
|
|
|
|
|
width: 25px; |
|
|
|
|
|
background-color: #bbb; |
|
|
|
|
|
border-radius: 50%; |
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
|
|
|
</head> |
|
|
|
|
|
<body> |
|
|
|
|
|
|
|
|
|
|
|
<div style="text-align:center"> |
|
|
|
|
|
<span class="dot"></span> |
|
|
|
|
|
</div> |
|
|
|
|
|
</body> |
|
|
|
|
|
</html> |
|
|
|
|
|
|
|
|
|
|
|
\``; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
async function insertMarker(mapRef, ID, coordinate, icon) { |
|
|
async function insertMarker(mapRef, ID, coordinate, icon) { |
|
|
var iconSvg = icon; |
|
|
|
|
|
|
|
|
|
|
|
mapRef.injectJavaScript(`
|
|
|
mapRef.injectJavaScript(`
|
|
|
var customIcon = L.divIcon({ |
|
|
var customIcon = L.divIcon({ |
|
|
className: 'marker-class', |
|
|
className: 'marker-class', |
|
|