element-web/res/img/location/map.svg

<svg width="325" height="220" viewBox="0 0 325 220" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M0 8.00001C0 3.58173 3.58172 0 8 0H317C321.418 0 325 3.58172 325 8V212C325 216.418 321.418 220 317 220H8.00001C3.58173 220 0 216.418 0 212V8.00001Z" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_1147_54206" transform="translate(0 -0.00652805) scale(0.00163666 0.00241779)"/>
</pattern>
<image id="image0_1147_54206" width="611" height="419" xlink:href="data:image/png;base64,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
</defs>
</svg>
Live location sharing - beacon map in timeline (#8286) * add displaystatus util Signed-off-by: Kerry Archibald <kerrya@element.io> * map fallback svg Signed-off-by: Kerry Archibald <kerrya@element.io> * add Map to mbeaconbody Signed-off-by: Kerry Archibald <kerrya@element.io> * add bubble layout handling Signed-off-by: Kerry Archibald <kerrya@element.io> * test beaconbody Signed-off-by: Kerry Archibald <kerrya@element.io> * typo Signed-off-by: Kerry Archibald <kerrya@element.io> * use randomString from js-sdk Signed-off-by: Kerry Archibald <kerrya@element.io> 2022-04-12 11:13:55 +03:00			`<svg width="325" height="220" viewBox="0 0 325 220" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">`
			`<path d="M0 8.00001C0 3.58173 3.58172 0 8 0H317C321.418 0 325 3.58172 325 8V212C325 216.418 321.418 220 317 220H8.00001C3.58173 220 0 216.418 0 212V8.00001Z" fill="url(#pattern0)"/>`
			`<defs>`
			`<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">`
			`<use xlink:href="#image0_1147_54206" transform="translate(0 -0.00652805) scale(0.00163666 0.00241779)"/>`
			`</pattern>`
			<image id="image0_1147_54206" width="611" height="419" xlink:href="data:image/png;base64,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
			`</defs>`
			`</svg>`