add a basic clickable pin that opens google maps for now
This commit is contained in:
parent
231e4e72d9
commit
96468f9258
77
htdocs/gfx/google_maps_pin.svg
Normal file
77
htdocs/gfx/google_maps_pin.svg
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="5.6444445mm"
|
||||||
|
height="9.847393mm"
|
||||||
|
viewBox="0 0 20 34.892337"
|
||||||
|
id="svg3455"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
sodipodi:docname="Map Pin.svg">
|
||||||
|
<defs
|
||||||
|
id="defs3457" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="12.181359"
|
||||||
|
inkscape:cx="8.4346812"
|
||||||
|
inkscape:cy="14.715224"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:window-width="1024"
|
||||||
|
inkscape:window-height="705"
|
||||||
|
inkscape:window-x="-4"
|
||||||
|
inkscape:window-y="-4"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
fit-margin-top="0"
|
||||||
|
fit-margin-left="0"
|
||||||
|
fit-margin-right="0"
|
||||||
|
fit-margin-bottom="0" />
|
||||||
|
<metadata
|
||||||
|
id="metadata3460">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(-814.59595,-274.38623)">
|
||||||
|
<g
|
||||||
|
id="g3477"
|
||||||
|
transform="matrix(1.1855854,0,0,1.1855854,-151.17715,-57.3976)">
|
||||||
|
<path
|
||||||
|
sodipodi:nodetypes="sscccccsscs"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path4337-3"
|
||||||
|
d="m 817.11249,282.97118 c -1.25816,1.34277 -2.04623,3.29881 -2.01563,5.13867 0.0639,3.84476 1.79693,5.3002 4.56836,10.59179 0.99832,2.32851 2.04027,4.79237 3.03125,8.87305 0.13772,0.60193 0.27203,1.16104 0.33416,1.20948 0.0621,0.0485 0.19644,-0.51262 0.33416,-1.11455 0.99098,-4.08068 2.03293,-6.54258 3.03125,-8.87109 2.77143,-5.29159 4.50444,-6.74704 4.56836,-10.5918 0.0306,-1.83986 -0.75942,-3.79785 -2.01758,-5.14062 -1.43724,-1.53389 -3.60504,-2.66908 -5.91619,-2.71655 -2.31115,-0.0475 -4.4809,1.08773 -5.91814,2.62162 z"
|
||||||
|
style="display:inline;opacity:1;fill:#ff4646;fill-opacity:1;stroke:#d73534;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
r="3.0355"
|
||||||
|
cy="288.25278"
|
||||||
|
cx="823.03064"
|
||||||
|
id="path3049"
|
||||||
|
style="display:inline;opacity:1;fill:#590000;fill-opacity:1;stroke-width:0" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 2.8 KiB |
@ -1003,3 +1003,13 @@ img.openwebrx-mirror-img
|
|||||||
.openwebrx-dmr-timeslot-panel * {
|
.openwebrx-dmr-timeslot-panel * {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.openwebrx-maps-pin {
|
||||||
|
background-image: url("gfx/google_maps_pin.svg");
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
background-size: contain;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
@ -1351,6 +1351,9 @@ function update_metadata(meta) {
|
|||||||
if (meta.mode && meta.mode != "") {
|
if (meta.mode && meta.mode != "") {
|
||||||
mode = "Mode: " + meta.mode;
|
mode = "Mode: " + meta.mode;
|
||||||
source = meta.source || "";
|
source = meta.source || "";
|
||||||
|
if (meta.lat && meta.lon) {
|
||||||
|
source = "<a class=\"openwebrx-maps-pin\" href=\"https://www.google.com/maps/search/?api=1&query=" + meta.lat + "," + meta.lon + "\" target=\"_blank\"></a>" + source;
|
||||||
|
}
|
||||||
up = meta.up ? "Up: " + meta.up : "";
|
up = meta.up ? "Up: " + meta.up : "";
|
||||||
down = meta.down ? "Down: " + meta.down : "";
|
down = meta.down ? "Down: " + meta.down : "";
|
||||||
$(el).find(".openwebrx-meta-slot").addClass("active");
|
$(el).find(".openwebrx-meta-slot").addClass("active");
|
||||||
@ -1358,7 +1361,7 @@ function update_metadata(meta) {
|
|||||||
$(el).find(".openwebrx-meta-slot").removeClass("active");
|
$(el).find(".openwebrx-meta-slot").removeClass("active");
|
||||||
}
|
}
|
||||||
$(el).find(".openwebrx-ysf-mode").text(mode);
|
$(el).find(".openwebrx-ysf-mode").text(mode);
|
||||||
$(el).find(".openwebrx-ysf-source").text(source);
|
$(el).find(".openwebrx-ysf-source").html(source);
|
||||||
$(el).find(".openwebrx-ysf-up").text(up);
|
$(el).find(".openwebrx-ysf-up").text(up);
|
||||||
$(el).find(".openwebrx-ysf-down").text(down);
|
$(el).find(".openwebrx-ysf-down").text(down);
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user