@rio-cloud/uikit-mcp 1.0.0

package/data/pages/Components/components/mappolygon.json

@@ -0,0 +1,45 @@
+{
+  "metadata": {
+    "captured_at": "2025-11-21T12:08:15.604Z",
+    "source": "https://uikit.developers.rio.cloud/#components/mapPolygon",
+    "category": "Components",
+    "section": "Map",
+    "slug": "components/mappolygon",
+    "version": "v1.13.2",
+    "hash_algorithm": "sha256",
+    "hash": "b2c4c21dcf61a5a93cb081261857de74f238830aac8ee0222df2d95c534578cf"
+  },
+  "title": "Polygon",
+  "lead": null,
+  "content": [
+    {
+      "heading": "Polygon",
+      "body": "",
+      "examples": [
+        {
+          "caption": "Example 1",
+          "rendered_html": "<div class=\"playground-content  bg-white padding-20 padding-bottom-25\" style=\"width: 100%;\"><div class=\"Map position-relative map-type-default \" style=\"height: 300px;\"><div style=\"position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-tap-highlight-color: transparent;\"><div style=\"z-index: 0; width: 100%; height: 100%; direction: ltr; position: absolute; touch-action: none;\"><canvas width=\"908\" height=\"300\" data-engine=\"three.js r152\" style=\"position: absolute; left: 0px; top: 0px; width: 908px; height: 300px;\"></canvas><canvas width=\"908\" height=\"300\" style=\"position: absolute; left: 0px; top: 0px; width: 908px; height: 300px; display: none;\"></canvas><div style=\"position: absolute; height: 100%; width: 100%; z-index: 1;\"><div style=\"position: absolute; pointer-events: none; width: 908px; height: 300px; z-index: 1;\"></div></div></div><div class=\"H_imprint\" style=\"position: absolute; bottom: 0px; right: 0px; left: 0px; z-index: 1; direction: ltr; pointer-events: none; user-select: none; font: 11px &quot;Lucida Grande&quot;, Arial, Helvetica, sans-serif;\"><div class=\"H_logo\" style=\"margin: 0px 0px 16px 16px; display: inline-block;\"><svg height=\"40\" viewBox=\"0 0 47 40\" width=\"47\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"m45.2054149 8.82876345.6003191.40637037-.2240425.6914074-.4490426 1.38570368c-.1024468.3148889-.6998936 1.9596297-2.43 3.5918519l-.017234.0163704c-.188617.1887407-.3801064.3659259-.5467021.5084444l-.4605319.4285185-.486383.4516296-.1407447-.0702963c-.7257447.4583704-1.4926596.7886667-2.2796809.9831852l.5840426.5864445-.6769149.6817778-2.052766 2.0636296-.169468.1704444-.019149.0192593-2.3821276 2.3958518c-.4902128.8493334-1.1202128 1.6331852-1.8497873 2.3111112-.6031915.6047407-1.2504255 1.1054814-1.935 1.4954814l-.4777659.4805186-4.3247873 4.3506666-.0296808.0298519-.0315958.0269629-2.1532978 1.8171111-.2661702.2253334h-.3485107-3.8948936l-3.968617 3.9914815-1.3547873 1.3616296-.6769148.6808148-.6769149-.6808148-1.3538298-1.3616296-4.80925535-4.837926-3.2687234-3.2875555-1.63436171-1.6437778h2.3112766 4.62255319 2.67223407l-4.71063832-4.7368148-.6769149-.6808148.6769149-.6808148 4.93851062-4.9650371.6769149-.6798518.6769149.6808148 2.7296809 2.7454074c.9363829-.8820741 2.1485106-1.4685185 3.4037234-1.6562963.278617-1.4694815 1.0187234-2.834963 2.168617-3.9885926.5696808-.572 1.1843617-1.0438519 1.8335106-1.4107407l.2901064-.2917778 4.3094681-4.31985187c.5830851-1.0582963 1.4256383-1.78918519 2.0364893-2.12718519l.4471277-.24748148c.3829787-.7617037.9047872-1.47622222 1.5539362-2.12622222 1.510851-1.51666667 3.3165957-2.31881482 5.22-2.31881482.0871276 0 .1752127.00192593.2594681.00577778 1.9484042.06933334 3.8441489.97933334 5.4775532 2.62792593.1512765.15022222.3303191.34859259.5361702.5797037l.0526595.05874074c.1120213.12518519.2345745.26192593.370532.40733334l1.2657446 1.36066666.6328724.67985185-.6548936.65866667-.2508511.25325926zm-27.9288192 22.17414815h-9.57446804l4.78723404 4.8148148zm23.1864894-21.70422223c-.9220213 1.38666663-2.5180851 3.63037033-4.1984042 1.94133333l4.2510638-4.27651851c-.3810638-.41022222-.6711702-.754-.8923404-.97740741-2.2921277-2.31207407-4.8743617-2.34192593-6.8984043-.312-1.3528723 1.35681481-1.7071277 2.91007407-1.313617 4.38533332l-1.332766-1.52629628c-.385851.21474074-2.0182979 1.65918518-.7937234 3.84703708l-1.5252127-1.274963-2.0240426 2.0299259 2.7344681 2.7502222c-2.1121277-1.6861481-4.3889362-1.5205185-6.2157447.312-1.9560638 1.9615556-1.8181915 4.3381482-.3532979 6.293926l-.295851-.2946667c-1.9321277-1.9432593-4.0318085-1.2576296-5.0706383-.2128148-.8023405.8079259-1.2944681 1.9191852-1.0924468 2.6905185l-4.195532-4.2187407-2.22893613 2.2408148 8.25893613 8.3065185h4.4339362l-2.9767021-2.9938519c-.5893908-.6029568-.9604155-1.0987731-1.1531529-1.5232627-.3182349-.7008886-.1504161-1.2073234.3230465-1.680515.7334043-.7318519 1.583617-.2763704 3.0829787 1.2277777l2.9412766 2.9562963 2.2164894-2.2292592-2.7909575-2.8060741c2.0125532 1.5291852 4.4224468 1.612 6.5728724-.545037 1.3567021-1.2653334 1.7425532-2.4565185 1.7425532-2.4565185l-1.6755319-1.1314815c-.9229788 1.3866666-2.5152128 3.6361481-4.195532 1.9461481l4.2606383-4.2851852 2.655 2.6712593 2.3160639-2.3294074-3.3223405-3.3424445c-1.5520212-1.5609629-.6328723-3.0275555.0124469-3.5793333.3025531.6442222.7448936 1.2624445 1.3078723 1.8296296 2.1485106 2.1676297 4.9260638 2.6038519 7.3685106.1550371 1.3567022-1.2643704 1.7425532-2.4565185 1.7425532-2.4565185zm-3.6564894-1.35537321-2.0211702 2.03377777c-.9890425-1.18251851-.9392553-1.81422222-.3245744-2.43051851.7439361-.7462963 1.4993617-.43044445 2.3457446.39674074zm-12.4879787 12.56088884c-.9890425-1.1825185-.9411702-1.819037-.3284042-2.4353333.7448936-.7462963 1.5003191-.4304444 2.3467021.3967408z\" fill=\"#0f1621\" fill-opacity=\".7\" style=\"fill: rgb(255, 255, 255); fill-opacity: 0.6;\"></path><path d=\"m17.2765957 31.0029116-4.787234 4.8148148-4.78723404-4.8148148zm23.1864894-21.70422223 1.6755319 1.13148153s-.385851 1.1921481-1.7425532 2.4565185c-2.4424468 2.4488148-5.22 2.0125926-7.3685106-.1550371-.5629787-.5671851-1.0053192-1.1854074-1.3078723-1.8296296-.6453192.5517778-1.5644681 2.0183704-.0124469 3.5793333l3.3223405 3.3424445-2.3160639 2.3294074-2.655-2.6712593-4.2606383 4.2851852c1.6803192 1.69 3.2725532-.5594815 4.195532-1.9461481l1.6755319 1.1314815s-.3858511 1.1911851-1.7425532 2.4565185c-2.1504256 2.157037-4.5603192 2.0742222-6.5728724.545037l2.7909575 2.8060741-2.2164894 2.2292592-2.9412766-2.9562963c-1.4993617-1.5041481-2.3495744-1.9596296-3.0829787-1.2277777-.4734626.4731916-.6412814.9796264-.3230465 1.680515.1927374.4244896.5637621.9203059 1.1531529 1.5232627l2.9767021 2.9938519h-4.4339362l-8.25893613-8.3065185 2.22893613-2.2408148 4.195532 4.2187407c-.2020213-.7713333.2901063-1.8825926 1.0924468-2.6905185 1.0388298-1.0448148 3.1385106-1.7304445 5.0706383.2128148l.295851.2946667c-1.4648936-1.9557778-1.6027659-4.3323704.3532979-6.293926 1.8268085-1.8325185 4.103617-1.9981481 6.2157447-.312l-2.7344681-2.7502222 2.0240426-2.0299259 1.5252127 1.274963c-1.2245745-2.1878519.4078724-3.63229634.7937234-3.84703708l1.332766 1.52629628c-.3935107-1.47525925-.0392553-3.02851851 1.313617-4.38533332 2.0240426-2.02992593 4.6062766-2.00007407 6.8984043.312.2211702.22340741.5112766.56718519.8923404.97740741l-4.2510638 4.27651851c1.6803191 1.689037 3.2763829-.5546667 4.1984042-1.94133333zm-16.1444681 11.20551563 2.0182979-2.0385925c-.846383-.8271852-1.6018085-1.1430371-2.3467021-.3967408-.612766.6162963-.6606383 1.2528148.3284042 2.4353333zm12.4879787-12.56088884c-.8463829-.82718519-1.6018085-1.14303704-2.3457446-.39674074-.6146809.61629629-.6644681 1.248.3245744 2.43051851z\" fill=\"#fff\" fill-opacity=\".3\" style=\"fill: rgb(15, 22, 33); fill-opacity: 0.3;\"></path></g></svg></div><div class=\"H_copyright\" style=\"right: 0px; bottom: 0px; position: absolute; background-color: rgba(255, 255, 255, 0.8); color: rgb(15, 22, 33); padding: 2px 16px;\"><a target=\"_blank\" tabindex=\"1\" href=\"https://legal.here.com/us-en/terms/here-end-user-terms\" style=\"color: inherit; margin: 0px 8px; text-decoration: none; pointer-events: all;\">Terms of use</a><span style=\"margin: 0px 8px;\">© 1987–2025 HERE</span><span style=\"margin: 0px;\"></span></div></div><div class=\"H_ui\" dir=\"ltr\"><div class=\"H_l_top H_l_left\"><div class=\"H_l_anchor H_l_horizontal\"></div><div class=\"H_l_anchor H_l_vertical\"></div></div><div class=\"H_l_top H_l_right\"><div class=\"H_l_anchor H_l_horizontal\"></div><div class=\"H_l_anchor H_l_vertical\"></div></div><div class=\"H_l_bottom H_l_left\"><div class=\"H_l_anchor H_l_vertical\"></div><div class=\"H_l_anchor H_l_horizontal\"><div class=\"H_ctl H_el H_scalebar\" title=\"Change to miles\" aria-label=\"Change to miles\" tabindex=\"0\" style=\"direction: ltr; display: none;\"><svg height=\"12\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"63\"><polyline style=\"fill:none; stroke:white; stroke-width:4\" points=\"2 2 2 10 61 10 61 2\"></polyline><polyline style=\"fill:none; stroke:black; stroke-width:2\" points=\"2 2 2 10 61 10 61 2\"></polyline></svg><div style=\"padding: 0 0 0 10px\">200 m</div></div></div></div><div class=\"H_l_bottom H_l_right\"><div class=\"H_l_anchor H_l_vertical\"></div><div class=\"H_l_anchor H_l_horizontal\"><div class=\"H_ctl H_el\" tabindex=\"-1\" style=\"display: none;\"><div class=\"H_btn H_el\" title=\"Choose view\" aria-label=\"Choose view\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" class=\"H_icon\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M6.7,14.6 L4.5,16 L12,20.6 L19.5,16 L17.3,14.6 L19.1,13.5 L23,16 L12,23 L1,16 L4.9,13.5 L6.7,14.6 Z M12,2 L23,9 L12,16 L1,9 L12,2 Z\"></path></svg></div><div class=\"H_overlay H_el\" tabindex=\"-1\"><div class=\"H_rdo H_el\" tabindex=\"-1\"><div class=\"H_rdo_title H_el\" tabindex=\"-1\">Choose view</div><div class=\"H_rdo_buttons H_el\" tabindex=\"-1\"><div class=\"H_btn H_el H_active\" tabindex=\"-1\">Map view</div><div class=\"H_btn H_el\" tabindex=\"-1\">Satellite</div></div></div><div class=\"H_separator H_el\" tabindex=\"-1\"></div><div class=\"H_grp H_el\" tabindex=\"-1\"><div class=\"H_btn H_el\" tabindex=\"-1\">Traffic conditions</div><div class=\"H_btn H_el\" tabindex=\"-1\">Show traffic incidents</div></div></div></div></div></div><div class=\"H_l_anchor H_l_top H_l_center H_l_horizontal\" style=\"margin-left: 0px;\"></div><div class=\"H_l_anchor H_l_left H_l_middle H_l_vertical\" style=\"margin-top: 0px;\"></div><div class=\"H_l_anchor H_l_right H_l_middle H_l_vertical\" style=\"margin-top: 0px;\"></div><div class=\"H_l_anchor H_l_bottom H_l_center H_l_horizontal\" style=\"margin-left: 0px;\"></div></div></div><div class=\"ZoomButtons\"><div class=\"MapSettingsTile\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" class=\"display-block hover-scale-110\"><path fill=\"#A7AFBB\" d=\"M9.5 1v5.5H15v3H9.5V15h-3V9.5H1v-3h5.5V1z\"></path></svg></div><div class=\"MapSettingsTileSpacer\"></div><div class=\"MapSettingsTile\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" class=\"display-block hover-scale-110\"><path fill=\"#A7AFBB\" d=\"M7.177 9.5H1v-3h14v3H8.823z\"></path></svg></div></div><div class=\"MapSettingsWrapper\"><div class=\"MapSettingsTile MapTypeSettings\"><div class=\"MapSettingsTile-inner position-relative\"><div class=\"MapSettingsButton\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" class=\"MapSettingsTileIcon hover-scale-110 display-block\"><g fill=\"none\" fill-rule=\"evenodd\"><path fill=\"#939BA8\" d=\"m20 12.451 19.98 11.322L20 35.095.02 23.773l11.052-6.262a4.85 4.85 0 0 0 1.13.484l-2.775 1.572c0-.002 3.353 1.922 3.353 1.922l3.353-1.924-2.446-1.384c.16-.005.32-.019.478-.04l2.222 1.274 3.354-1.924-2.296-1.3c.07-.097.138-.197.202-.3l2.235 1.28.147.085.052.03 3.352-1.924-3.353-1.9-1.854 1.052c.095-.38.142-.762.144-1.139l1.63-.924Zm-.093 17.57-3.353 1.9 3.353 1.922 3.354-1.924-3.354-1.899Zm3.746-2.05-3.353 1.9 3.354 1.922 3.353-1.924-3.354-1.899Zm-7.383-.026-3.353 1.9 3.353 1.923 3.353-1.924-3.353-1.899Zm-3.636-2.04-3.353 1.9c0-.002 3.353 1.923 3.353 1.923l3.353-1.925-3.353-1.898Zm7.383-.01-3.353 1.901c0-.002 3.353 1.922 3.353 1.922l3.353-1.924-3.353-1.9Zm7.287-.015-3.353 1.9 3.353 1.923 3.353-1.924-3.353-1.899ZM9 23.868l-3.354 1.9L9 27.691l3.353-1.924L9 23.868Zm7.381-.013-3.353 1.9 3.353 1.923 3.353-1.924-3.353-1.899Zm14.53-.049-3.353 1.9c0-.002 3.353 1.923 3.353 1.923l3.353-1.925-3.353-1.898Zm-7.244 0-3.353 1.9 3.353 1.922 3.353-1.924-3.353-1.899Zm-10.92-1.988-3.354 1.9 3.354 1.923 3.353-1.924-3.353-1.899Zm-7.364-.013L2.03 23.707c0-.002 3.353 1.922 3.353 1.922l3.354-1.924-3.354-1.9Zm14.648-.04-3.353 1.9c0-.002 3.353 1.923 3.353 1.923l3.353-1.924-3.353-1.9Zm7.243-.034-3.353 1.9 3.353 1.923 3.353-1.924-3.353-1.899Zm7.33-.055-3.353 1.901c0-.002 3.353 1.922 3.353 1.922l3.353-1.924-3.353-1.899ZM9.13 19.756l-3.353 1.901c0-.002 3.353 1.922 3.353 1.922l3.354-1.924-3.354-1.9Zm7.266-.028-3.353 1.9 3.353 1.923 3.353-1.924-3.353-1.899Zm7.242-.038-3.353 1.901c0-.002 3.353 1.923 3.353 1.923l3.353-1.924-3.353-1.9Zm7.329-.089-3.353 1.901c0-.002 3.353 1.922 3.353 1.922l3.353-1.923-3.353-1.9Zm-10.964-1.948-3.353 1.9 3.353 1.924 3.354-1.925-3.354-1.899Zm7.328-.093-3.353 1.902c0-.002 3.353 1.922 3.353 1.922l3.353-1.924-3.353-1.9Zm-3.635-2.036-3.353 1.901c0-.002 3.353 1.922 3.353 1.922l3.354-1.924-3.354-1.899Z\"></path><path fill=\"#C9CDD3\" d=\"M8.403 15.762c.15.282.05.632-.227.792l-1.392.74a.584.584 0 0 1-.45.044.593.593 0 0 1-.105-1.09l1.39-.74a.592.592 0 0 1 .784.254ZM14.7 9.09a4.15 4.15 0 1 1-2.427 7.939 4.15 4.15 0 0 1 2.427-7.94Zm-6.333 1.784a.593.593 0 1 1-.347 1.134l-2.269-.693a.602.602 0 0 1-.393-.74c.1-.31.428-.485.74-.394l2.269.693ZM20.99 9.07a.593.593 0 0 1-.245.801l-1.392.74a.587.587 0 0 1-.452.044.564.564 0 0 1-.35-.289.586.586 0 0 1 .245-.801l1.392-.74a.593.593 0 0 1 .802.245ZM9.95 5.497c.153.05.279.16.35.304l.74 1.392a.588.588 0 0 1-.246.802.564.564 0 0 1-.451.044.587.587 0 0 1-.35-.29l-.74-1.392a.595.595 0 0 1 .235-.82.595.595 0 0 1 .462-.04Zm6.023-.566c.313.096.489.428.393.74l-.693 2.269a.593.593 0 1 1-1.134-.347l.693-2.268a.593.593 0 0 1 .74-.394ZM29.571 9.467a.791.791 0 0 0-.4.1.88.88 0 0 0 .067-.35c0-.55-.4-1-.89-1-.2 0-.355.075-.51.175-.222-.975-1-1.675-1.934-1.675-1.11 0-2 1-2 2.25 0 .1 0 .2.022.275-.088-.025-.155-.025-.244-.025-.622 0-1.111.55-1.111 1.25s.489 1.25 1.111 1.25h5.889c.555 0 1-.5 1-1.125s-.445-1.125-1-1.125ZM30.446 14.917c.117 0 .233.02.35.08a.652.652 0 0 1-.058-.28c0-.44.35-.8.777-.8a.85.85 0 0 1 .448.14c.194-.78.875-1.34 1.691-1.34.973 0 1.75.8 1.75 1.8 0 .08 0 .16-.019.22.078-.02.136-.02.214-.02.544 0 .972.44.972 1s-.428 1-.972 1h-5.153a.884.884 0 0 1-.875-.9c0-.462.331-.838.765-.893l.11-.007Z\"></path></g></svg></div><div class=\"dropdown\"></div></div></div></div><div class=\"MapElements\"></div></div></div>",
+          "tabs": [
+            {
+              "label": "React",
+              "language": "tsx",
+              "code": "import { useRef } from 'react';\n\n// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>\nimport Map from '@rio-cloud/rio-uikit/Map';\nimport EventUtils from '@rio-cloud/rio-uikit/EventUtils';\nimport Polygon, { colorMapMarker } from '@rio-cloud/rio-uikit/Polygon';\nimport MapSettings from '@rio-cloud/rio-uikit/MapSettings';\nimport MapTypeSettings from '@rio-cloud/rio-uikit/MapTypeSettings';\nimport type { MapApi, MapEvent } from '@rio-cloud/rio-uikit/mapTypes';\n\nimport { UIKIT_DEMO_CREDENTIALS_ARE_NOT_ALLOWED_IN_PROD_ENVIRONMENT } from '../uikit_demo_credentials';\nimport SingleMapMarker from '@rio-cloud/rio-uikit/SingleMapMarker';\nimport Marker from '@rio-cloud/rio-uikit/Marker';\n\nconst STROKE_COLOR = colorMapMarker['color-map-marker-geofence'].stroke;\nconst FILL_COLOR = colorMapMarker['color-map-marker-geofence'].fill;\n\nexport default () => {\n    const mapApiRef = useRef<MapApi>();\n\n    const position = { lat: 48.18009710294023, lng: 11.595117182551355 };\n\n    const points = [\n        {\n            lat: 48.18209710294023,\n            lng: 11.595137182551355,\n            address: 'A',\n        },\n        {\n            lat: 48.18119573935276,\n            lng: 11.597476068812341,\n            address: 'B',\n        },\n        {\n            lat: 48.177132252764345,\n            lng: 11.593699518519372,\n            address: 'C',\n        },\n        {\n            lat: 48.178162462939774,\n            lng: 11.591360632258386,\n            address: 'D',\n        },\n    ];\n\n    const eventListenerMap = {\n        [EventUtils.TAP]: (event: MapEvent) => {\n            console.log(event);\n\n            const target = event.target;\n            console.log({ boundingBox: target.getBoundingBox(), geometry: target.getGeometry() });\n\n            console.log({\n                viewport: mapApiRef.current?.utils?.getViewPort(),\n                baseLayer: mapApiRef.current?.utils?.getBaseLayer(),\n                mapBoundingBox: mapApiRef.current?.utils?.getBounds(),\n                center: mapApiRef.current?.utils?.getCenter(),\n                zoom: mapApiRef.current?.utils?.getZoom(),\n                layers: mapApiRef.current?.utils?.getLayers(),\n            });\n        },\n    };\n\n    return (\n        <Map\n            credentials={UIKIT_DEMO_CREDENTIALS_ARE_NOT_ALLOWED_IN_PROD_ENVIRONMENT}\n            center={position}\n            zoom={15}\n            height={300}\n            mapSettings={\n                <MapSettings\n                    options={[\n                        <MapTypeSettings\n                            key='mapTypeSettings'\n                            tooltip='Change map type'\n                            dropdownHeaderText='Map views'\n                            defaultTypeLabel='Default view'\n                            truckTypeLabel='Truck view'\n                            terrainTypeLabel='Terrain view'\n                            satelliteTypeLabel='Satellite view'\n                            nightTypeLabel='Night view'\n                        />,\n                    ]}\n                />\n            }\n        >\n            {(api: MapApi) => {\n                mapApiRef.current = api;\n\n                return (\n                    <>\n                        <Polygon\n                            points={points}\n                            style={{ strokeColor: STROKE_COLOR, fillColor: FILL_COLOR }}\n                            eventListenerMap={eventListenerMap}\n                        />\n                        <Marker\n                            position={{ lat: 48.18, lng: 11.5951 }}\n                            icon={\n                                <SingleMapMarker\n                                    name='Gefoence'\n                                    iconNames={['geofence']}\n                                    markerColor='bg-map-marker-geofence'\n                                />\n                            }\n                            eventListenerMap={eventListenerMap}\n                        />\n                    </>\n                );\n            }}\n        </Map>\n    );\n};"
+            }
+          ]
+        },
+        {
+          "caption": "Example 2",
+          "rendered_html": "<div class=\"playground-content  bg-white padding-20 padding-bottom-25\" style=\"width: 100%;\"><div><div class=\"form-group\"><label for=\"1\">Color</label><div class=\"select dropdown dropup\"><button type=\"button\" id=\"1\" class=\"dropdown-toggle form-control text-left\" data-toggle=\"dropdown\" tabindex=\"0\" aria-haspopup=\"true\" aria-expanded=\"false\"><span class=\"selected-option-text\">color-warmup-salmon</span><span class=\"clearButton hide pointer-events-none\"><span class=\"clearButtonIcon rioglyph rioglyph-remove-sign\"></span></span><span class=\"caret\"></span></button><ul class=\"dropdown-menu\" role=\"menu\"><li class=\"dropdown-header center \"><span class=\"dropdown-header-text\">Coldplay</span></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-coldplay-wine\" data-item-index=\"1\"><span class=\"selected-option-dropdown-item\">color-coldplay-wine</span><input type=\"hidden\" value=\"color-coldplay-wine\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-coldplay-aubergine\" data-item-index=\"2\"><span class=\"selected-option-dropdown-item\">color-coldplay-aubergine</span><input type=\"hidden\" value=\"color-coldplay-aubergine\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-coldplay-kashmir\" data-item-index=\"3\"><span class=\"selected-option-dropdown-item\">color-coldplay-kashmir</span><input type=\"hidden\" value=\"color-coldplay-kashmir\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-coldplay-fountain\" data-item-index=\"4\"><span class=\"selected-option-dropdown-item\">color-coldplay-fountain</span><input type=\"hidden\" value=\"color-coldplay-fountain\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-coldplay-turquoise\" data-item-index=\"5\"><span class=\"selected-option-dropdown-item\">color-coldplay-turquoise</span><input type=\"hidden\" value=\"color-coldplay-turquoise\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-coldplay-bermuda\" data-item-index=\"6\"><span class=\"selected-option-dropdown-item\">color-coldplay-bermuda</span><input type=\"hidden\" value=\"color-coldplay-bermuda\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-coldplay-moos\" data-item-index=\"7\"><span class=\"selected-option-dropdown-item\">color-coldplay-moos</span><input type=\"hidden\" value=\"color-coldplay-moos\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-coldplay-primrose\" data-item-index=\"8\"><span class=\"selected-option-dropdown-item\">color-coldplay-primrose</span><input type=\"hidden\" value=\"color-coldplay-primrose\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-coldplay-khaki\" data-item-index=\"9\"><span class=\"selected-option-dropdown-item\">color-coldplay-khaki</span><input type=\"hidden\" value=\"color-coldplay-khaki\"></a></li><li class=\"dropdown-header center \"><span class=\"dropdown-header-text\">Warmup</span></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-warmup-crimson\" data-item-index=\"11\"><span class=\"selected-option-dropdown-item\">color-warmup-crimson</span><input type=\"hidden\" value=\"color-warmup-crimson\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-warmup-victoria\" data-item-index=\"12\"><span class=\"selected-option-dropdown-item\">color-warmup-victoria</span><input type=\"hidden\" value=\"color-warmup-victoria\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-warmup-cadillac\" data-item-index=\"13\"><span class=\"selected-option-dropdown-item\">color-warmup-cadillac</span><input type=\"hidden\" value=\"color-warmup-cadillac\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-warmup-raspberry\" data-item-index=\"14\"><span class=\"selected-option-dropdown-item\">color-warmup-raspberry</span><input type=\"hidden\" value=\"color-warmup-raspberry\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-warmup-cerise\" data-item-index=\"15\"><span class=\"selected-option-dropdown-item\">color-warmup-cerise</span><input type=\"hidden\" value=\"color-warmup-cerise\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-warmup-charm\" data-item-index=\"16\"><span class=\"selected-option-dropdown-item\">color-warmup-charm</span><input type=\"hidden\" value=\"color-warmup-charm\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-warmup-salmon\" data-item-index=\"17\"><span class=\"selected-option-dropdown-item\">color-warmup-salmon</span><input type=\"hidden\" value=\"color-warmup-salmon\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-warmup-cherokee\" data-item-index=\"18\"><span class=\"selected-option-dropdown-item\">color-warmup-cherokee</span><input type=\"hidden\" value=\"color-warmup-cherokee\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-warmup-corn\" data-item-index=\"19\"><span class=\"selected-option-dropdown-item\">color-warmup-corn</span><input type=\"hidden\" value=\"color-warmup-corn\"></a></li><li class=\"dropdown-header center \"><span class=\"dropdown-header-text\">Gray</span></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"gray-darkest\" data-item-index=\"21\"><span class=\"selected-option-dropdown-item\">gray-darkest</span><input type=\"hidden\" value=\"gray-darkest\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"gray-darker\" data-item-index=\"22\"><span class=\"selected-option-dropdown-item\">gray-darker</span><input type=\"hidden\" value=\"gray-darker\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"gray-dark\" data-item-index=\"23\"><span class=\"selected-option-dropdown-item\">gray-dark</span><input type=\"hidden\" value=\"gray-dark\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"gray\" data-item-index=\"24\"><span class=\"selected-option-dropdown-item\">gray</span><input type=\"hidden\" value=\"gray\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"gray-light\" data-item-index=\"25\"><span class=\"selected-option-dropdown-item\">gray-light</span><input type=\"hidden\" value=\"gray-light\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"gray-lighter\" data-item-index=\"26\"><span class=\"selected-option-dropdown-item\">gray-lighter</span><input type=\"hidden\" value=\"gray-lighter\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"gray-lightest\" data-item-index=\"27\"><span class=\"selected-option-dropdown-item\">gray-lightest</span><input type=\"hidden\" value=\"gray-lightest\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"gray-decent\" data-item-index=\"28\"><span class=\"selected-option-dropdown-item\">gray-decent</span><input type=\"hidden\" value=\"gray-decent\"></a></li><li class=\"dropdown-header center \"><span class=\"dropdown-header-text\">Brand</span></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"brand-primary\" data-item-index=\"30\"><span class=\"selected-option-dropdown-item\">brand-primary</span><input type=\"hidden\" value=\"brand-primary\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"brand-secondary\" data-item-index=\"31\"><span class=\"selected-option-dropdown-item\">brand-secondary</span><input type=\"hidden\" value=\"brand-secondary\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"brand-info\" data-item-index=\"32\"><span class=\"selected-option-dropdown-item\">brand-info</span><input type=\"hidden\" value=\"brand-info\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"brand-success\" data-item-index=\"33\"><span class=\"selected-option-dropdown-item\">brand-success</span><input type=\"hidden\" value=\"brand-success\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"brand-warning\" data-item-index=\"34\"><span class=\"selected-option-dropdown-item\">brand-warning</span><input type=\"hidden\" value=\"brand-warning\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"brand-danger\" data-item-index=\"35\"><span class=\"selected-option-dropdown-item\">brand-danger</span><input type=\"hidden\" value=\"brand-danger\"></a></li><li class=\"dropdown-header center \"><span class=\"dropdown-header-text\">Status</span></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-status-available\" data-item-index=\"37\"><span class=\"selected-option-dropdown-item\">color-status-available</span><input type=\"hidden\" value=\"color-status-available\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-status-driving\" data-item-index=\"38\"><span class=\"selected-option-dropdown-item\">color-status-driving</span><input type=\"hidden\" value=\"color-status-driving\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-status-resting\" data-item-index=\"39\"><span class=\"selected-option-dropdown-item\">color-status-resting</span><input type=\"hidden\" value=\"color-status-resting\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-status-working\" data-item-index=\"40\"><span class=\"selected-option-dropdown-item\">color-status-working</span><input type=\"hidden\" value=\"color-status-working\"></a></li><li class=\"dropdown-header center \"><span class=\"dropdown-header-text\">Map Marker</span></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-map-marker-text\" data-item-index=\"42\"><span class=\"selected-option-dropdown-item\">color-map-marker-text</span><input type=\"hidden\" value=\"color-map-marker-text\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-map-marker-active\" data-item-index=\"43\"><span class=\"selected-option-dropdown-item\">color-map-marker-active</span><input type=\"hidden\" value=\"color-map-marker-active\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-map-marker-asset\" data-item-index=\"44\"><span class=\"selected-option-dropdown-item\">color-map-marker-asset</span><input type=\"hidden\" value=\"color-map-marker-asset\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-map-marker-poi\" data-item-index=\"45\"><span class=\"selected-option-dropdown-item\">color-map-marker-poi</span><input type=\"hidden\" value=\"color-map-marker-poi\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-map-marker-geofence\" data-item-index=\"46\"><span class=\"selected-option-dropdown-item\">color-map-marker-geofence</span><input type=\"hidden\" value=\"color-map-marker-geofence\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-map-marker-route\" data-item-index=\"47\"><span class=\"selected-option-dropdown-item\">color-map-marker-route</span><input type=\"hidden\" value=\"color-map-marker-route\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-map-marker-info\" data-item-index=\"48\"><span class=\"selected-option-dropdown-item\">color-map-marker-info</span><input type=\"hidden\" value=\"color-map-marker-info\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-map-marker-success\" data-item-index=\"49\"><span class=\"selected-option-dropdown-item\">color-map-marker-success</span><input type=\"hidden\" value=\"color-map-marker-success\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-map-marker-warning\" data-item-index=\"50\"><span class=\"selected-option-dropdown-item\">color-map-marker-warning</span><input type=\"hidden\" value=\"color-map-marker-warning\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-map-marker-danger\" data-item-index=\"51\"><span class=\"selected-option-dropdown-item\">color-map-marker-danger</span><input type=\"hidden\" value=\"color-map-marker-danger\"></a></li><li class=\"dropdown-header center \"><span class=\"dropdown-header-text\">Rating</span></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-rating-1\" data-item-index=\"53\"><span class=\"selected-option-dropdown-item\">color-rating-1</span><input type=\"hidden\" value=\"color-rating-1\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-rating-2\" data-item-index=\"54\"><span class=\"selected-option-dropdown-item\">color-rating-2</span><input type=\"hidden\" value=\"color-rating-2\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-rating-3\" data-item-index=\"55\"><span class=\"selected-option-dropdown-item\">color-rating-3</span><input type=\"hidden\" value=\"color-rating-3\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-rating-4\" data-item-index=\"56\"><span class=\"selected-option-dropdown-item\">color-rating-4</span><input type=\"hidden\" value=\"color-rating-4\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-rating-5\" data-item-index=\"57\"><span class=\"selected-option-dropdown-item\">color-rating-5</span><input type=\"hidden\" value=\"color-rating-5\"></a></li><li class=\"dropdown-header center \"><span class=\"dropdown-header-text\">Highlight</span></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-highlight-darkest\" data-item-index=\"59\"><span class=\"selected-option-dropdown-item\">color-highlight-darkest</span><input type=\"hidden\" value=\"color-highlight-darkest\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-highlight-darker\" data-item-index=\"60\"><span class=\"selected-option-dropdown-item\">color-highlight-darker</span><input type=\"hidden\" value=\"color-highlight-darker\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-highlight-dark\" data-item-index=\"61\"><span class=\"selected-option-dropdown-item\">color-highlight-dark</span><input type=\"hidden\" value=\"color-highlight-dark\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-highlight\" data-item-index=\"62\"><span class=\"selected-option-dropdown-item\">color-highlight</span><input type=\"hidden\" value=\"color-highlight\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-highlight-light\" data-item-index=\"63\"><span class=\"selected-option-dropdown-item\">color-highlight-light</span><input type=\"hidden\" value=\"color-highlight-light\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-highlight-lighter\" data-item-index=\"64\"><span class=\"selected-option-dropdown-item\">color-highlight-lighter</span><input type=\"hidden\" value=\"color-highlight-lighter\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-highlight-lightest\" data-item-index=\"65\"><span class=\"selected-option-dropdown-item\">color-highlight-lightest</span><input type=\"hidden\" value=\"color-highlight-lightest\"></a></li><li class=\"\" role=\"listitem\"><a role=\"menuitem\" class=\"display-flex align-items-center gap-3\" data-item-id=\"color-highlight-decent\" data-item-index=\"66\"><span class=\"selected-option-dropdown-item\">color-highlight-decent</span><input type=\"hidden\" value=\"color-highlight-decent\"></a></li></ul></div></div><div class=\"Map position-relative map-type-default \" style=\"height: 400px;\"><div style=\"position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-tap-highlight-color: transparent;\"><div style=\"z-index: 0; width: 100%; height: 100%; direction: ltr; position: absolute; touch-action: none;\"><canvas width=\"908\" height=\"400\" data-engine=\"three.js r152\" style=\"position: absolute; left: 0px; top: 0px; width: 908px; height: 400px;\"></canvas><canvas width=\"908\" height=\"400\" style=\"position: absolute; left: 0px; top: 0px; width: 908px; height: 400px; display: none;\"></canvas><div style=\"position: absolute; height: 100%; width: 100%; z-index: 1;\"><div style=\"position: absolute; pointer-events: none; width: 908px; height: 400px; z-index: 1;\"></div></div></div><div class=\"H_imprint\" style=\"position: absolute; bottom: 0px; right: 0px; left: 0px; z-index: 1; direction: ltr; pointer-events: none; user-select: none; font: 11px &quot;Lucida Grande&quot;, Arial, Helvetica, sans-serif;\"><div class=\"H_logo\" style=\"margin: 0px 0px 16px 16px; display: inline-block;\"><svg height=\"40\" viewBox=\"0 0 47 40\" width=\"47\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"m45.2054149 8.82876345.6003191.40637037-.2240425.6914074-.4490426 1.38570368c-.1024468.3148889-.6998936 1.9596297-2.43 3.5918519l-.017234.0163704c-.188617.1887407-.3801064.3659259-.5467021.5084444l-.4605319.4285185-.486383.4516296-.1407447-.0702963c-.7257447.4583704-1.4926596.7886667-2.2796809.9831852l.5840426.5864445-.6769149.6817778-2.052766 2.0636296-.169468.1704444-.019149.0192593-2.3821276 2.3958518c-.4902128.8493334-1.1202128 1.6331852-1.8497873 2.3111112-.6031915.6047407-1.2504255 1.1054814-1.935 1.4954814l-.4777659.4805186-4.3247873 4.3506666-.0296808.0298519-.0315958.0269629-2.1532978 1.8171111-.2661702.2253334h-.3485107-3.8948936l-3.968617 3.9914815-1.3547873 1.3616296-.6769148.6808148-.6769149-.6808148-1.3538298-1.3616296-4.80925535-4.837926-3.2687234-3.2875555-1.63436171-1.6437778h2.3112766 4.62255319 2.67223407l-4.71063832-4.7368148-.6769149-.6808148.6769149-.6808148 4.93851062-4.9650371.6769149-.6798518.6769149.6808148 2.7296809 2.7454074c.9363829-.8820741 2.1485106-1.4685185 3.4037234-1.6562963.278617-1.4694815 1.0187234-2.834963 2.168617-3.9885926.5696808-.572 1.1843617-1.0438519 1.8335106-1.4107407l.2901064-.2917778 4.3094681-4.31985187c.5830851-1.0582963 1.4256383-1.78918519 2.0364893-2.12718519l.4471277-.24748148c.3829787-.7617037.9047872-1.47622222 1.5539362-2.12622222 1.510851-1.51666667 3.3165957-2.31881482 5.22-2.31881482.0871276 0 .1752127.00192593.2594681.00577778 1.9484042.06933334 3.8441489.97933334 5.4775532 2.62792593.1512765.15022222.3303191.34859259.5361702.5797037l.0526595.05874074c.1120213.12518519.2345745.26192593.370532.40733334l1.2657446 1.36066666.6328724.67985185-.6548936.65866667-.2508511.25325926zm-27.9288192 22.17414815h-9.57446804l4.78723404 4.8148148zm23.1864894-21.70422223c-.9220213 1.38666663-2.5180851 3.63037033-4.1984042 1.94133333l4.2510638-4.27651851c-.3810638-.41022222-.6711702-.754-.8923404-.97740741-2.2921277-2.31207407-4.8743617-2.34192593-6.8984043-.312-1.3528723 1.35681481-1.7071277 2.91007407-1.313617 4.38533332l-1.332766-1.52629628c-.385851.21474074-2.0182979 1.65918518-.7937234 3.84703708l-1.5252127-1.274963-2.0240426 2.0299259 2.7344681 2.7502222c-2.1121277-1.6861481-4.3889362-1.5205185-6.2157447.312-1.9560638 1.9615556-1.8181915 4.3381482-.3532979 6.293926l-.295851-.2946667c-1.9321277-1.9432593-4.0318085-1.2576296-5.0706383-.2128148-.8023405.8079259-1.2944681 1.9191852-1.0924468 2.6905185l-4.195532-4.2187407-2.22893613 2.2408148 8.25893613 8.3065185h4.4339362l-2.9767021-2.9938519c-.5893908-.6029568-.9604155-1.0987731-1.1531529-1.5232627-.3182349-.7008886-.1504161-1.2073234.3230465-1.680515.7334043-.7318519 1.583617-.2763704 3.0829787 1.2277777l2.9412766 2.9562963 2.2164894-2.2292592-2.7909575-2.8060741c2.0125532 1.5291852 4.4224468 1.612 6.5728724-.545037 1.3567021-1.2653334 1.7425532-2.4565185 1.7425532-2.4565185l-1.6755319-1.1314815c-.9229788 1.3866666-2.5152128 3.6361481-4.195532 1.9461481l4.2606383-4.2851852 2.655 2.6712593 2.3160639-2.3294074-3.3223405-3.3424445c-1.5520212-1.5609629-.6328723-3.0275555.0124469-3.5793333.3025531.6442222.7448936 1.2624445 1.3078723 1.8296296 2.1485106 2.1676297 4.9260638 2.6038519 7.3685106.1550371 1.3567022-1.2643704 1.7425532-2.4565185 1.7425532-2.4565185zm-3.6564894-1.35537321-2.0211702 2.03377777c-.9890425-1.18251851-.9392553-1.81422222-.3245744-2.43051851.7439361-.7462963 1.4993617-.43044445 2.3457446.39674074zm-12.4879787 12.56088884c-.9890425-1.1825185-.9411702-1.819037-.3284042-2.4353333.7448936-.7462963 1.5003191-.4304444 2.3467021.3967408z\" fill=\"#0f1621\" fill-opacity=\".7\" style=\"fill: rgb(255, 255, 255); fill-opacity: 0.6;\"></path><path d=\"m17.2765957 31.0029116-4.787234 4.8148148-4.78723404-4.8148148zm23.1864894-21.70422223 1.6755319 1.13148153s-.385851 1.1921481-1.7425532 2.4565185c-2.4424468 2.4488148-5.22 2.0125926-7.3685106-.1550371-.5629787-.5671851-1.0053192-1.1854074-1.3078723-1.8296296-.6453192.5517778-1.5644681 2.0183704-.0124469 3.5793333l3.3223405 3.3424445-2.3160639 2.3294074-2.655-2.6712593-4.2606383 4.2851852c1.6803192 1.69 3.2725532-.5594815 4.195532-1.9461481l1.6755319 1.1314815s-.3858511 1.1911851-1.7425532 2.4565185c-2.1504256 2.157037-4.5603192 2.0742222-6.5728724.545037l2.7909575 2.8060741-2.2164894 2.2292592-2.9412766-2.9562963c-1.4993617-1.5041481-2.3495744-1.9596296-3.0829787-1.2277777-.4734626.4731916-.6412814.9796264-.3230465 1.680515.1927374.4244896.5637621.9203059 1.1531529 1.5232627l2.9767021 2.9938519h-4.4339362l-8.25893613-8.3065185 2.22893613-2.2408148 4.195532 4.2187407c-.2020213-.7713333.2901063-1.8825926 1.0924468-2.6905185 1.0388298-1.0448148 3.1385106-1.7304445 5.0706383.2128148l.295851.2946667c-1.4648936-1.9557778-1.6027659-4.3323704.3532979-6.293926 1.8268085-1.8325185 4.103617-1.9981481 6.2157447-.312l-2.7344681-2.7502222 2.0240426-2.0299259 1.5252127 1.274963c-1.2245745-2.1878519.4078724-3.63229634.7937234-3.84703708l1.332766 1.52629628c-.3935107-1.47525925-.0392553-3.02851851 1.313617-4.38533332 2.0240426-2.02992593 4.6062766-2.00007407 6.8984043.312.2211702.22340741.5112766.56718519.8923404.97740741l-4.2510638 4.27651851c1.6803191 1.689037 3.2763829-.5546667 4.1984042-1.94133333zm-16.1444681 11.20551563 2.0182979-2.0385925c-.846383-.8271852-1.6018085-1.1430371-2.3467021-.3967408-.612766.6162963-.6606383 1.2528148.3284042 2.4353333zm12.4879787-12.56088884c-.8463829-.82718519-1.6018085-1.14303704-2.3457446-.39674074-.6146809.61629629-.6644681 1.248.3245744 2.43051851z\" fill=\"#fff\" fill-opacity=\".3\" style=\"fill: rgb(15, 22, 33); fill-opacity: 0.3;\"></path></g></svg></div><div class=\"H_copyright\" style=\"right: 0px; bottom: 0px; position: absolute; background-color: rgba(255, 255, 255, 0.8); color: rgb(15, 22, 33); padding: 2px 16px;\"><a target=\"_blank\" tabindex=\"1\" href=\"https://legal.here.com/us-en/terms/here-end-user-terms\" style=\"color: inherit; margin: 0px 8px; text-decoration: none; pointer-events: all;\">Terms of use</a><span style=\"margin: 0px 8px;\">© 1987–2025 HERE</span><span style=\"margin: 0px;\"></span></div></div><div class=\"H_ui\" dir=\"ltr\"><div class=\"H_l_top H_l_left\"><div class=\"H_l_anchor H_l_horizontal\"></div><div class=\"H_l_anchor H_l_vertical\"></div></div><div class=\"H_l_top H_l_right\"><div class=\"H_l_anchor H_l_horizontal\"></div><div class=\"H_l_anchor H_l_vertical\"></div></div><div class=\"H_l_bottom H_l_left\"><div class=\"H_l_anchor H_l_vertical\"></div><div class=\"H_l_anchor H_l_horizontal\"><div class=\"H_ctl H_el H_scalebar\" title=\"Change to miles\" aria-label=\"Change to miles\" tabindex=\"0\" style=\"direction: ltr; display: none;\"><svg height=\"12\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"123\"><polyline style=\"fill:none; stroke:white; stroke-width:4\" points=\"2 2 2 10 121 10 121 2\"></polyline><polyline style=\"fill:none; stroke:black; stroke-width:2\" points=\"2 2 2 10 121 10 121 2\"></polyline></svg><div style=\"padding: 0 0 0 10px\">50 km</div></div></div></div><div class=\"H_l_bottom H_l_right\"><div class=\"H_l_anchor H_l_vertical\"></div><div class=\"H_l_anchor H_l_horizontal\"><div class=\"H_ctl H_el\" tabindex=\"-1\" style=\"display: none;\"><div class=\"H_btn H_el\" title=\"Choose view\" aria-label=\"Choose view\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" class=\"H_icon\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M6.7,14.6 L4.5,16 L12,20.6 L19.5,16 L17.3,14.6 L19.1,13.5 L23,16 L12,23 L1,16 L4.9,13.5 L6.7,14.6 Z M12,2 L23,9 L12,16 L1,9 L12,2 Z\"></path></svg></div><div class=\"H_overlay H_el\" tabindex=\"-1\"><div class=\"H_rdo H_el\" tabindex=\"-1\"><div class=\"H_rdo_title H_el\" tabindex=\"-1\">Choose view</div><div class=\"H_rdo_buttons H_el\" tabindex=\"-1\"><div class=\"H_btn H_el H_active\" tabindex=\"-1\">Map view</div><div class=\"H_btn H_el\" tabindex=\"-1\">Satellite</div></div></div><div class=\"H_separator H_el\" tabindex=\"-1\"></div><div class=\"H_grp H_el\" tabindex=\"-1\"><div class=\"H_btn H_el\" tabindex=\"-1\">Traffic conditions</div><div class=\"H_btn H_el\" tabindex=\"-1\">Show traffic incidents</div></div></div></div></div></div><div class=\"H_l_anchor H_l_top H_l_center H_l_horizontal\" style=\"margin-left: 0px;\"></div><div class=\"H_l_anchor H_l_left H_l_middle H_l_vertical\" style=\"margin-top: 0px;\"></div><div class=\"H_l_anchor H_l_right H_l_middle H_l_vertical\" style=\"margin-top: 0px;\"></div><div class=\"H_l_anchor H_l_bottom H_l_center H_l_horizontal\" style=\"margin-left: 0px;\"></div></div></div><div class=\"ZoomButtons\"><div class=\"MapSettingsTile\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" class=\"display-block hover-scale-110\"><path fill=\"#A7AFBB\" d=\"M9.5 1v5.5H15v3H9.5V15h-3V9.5H1v-3h5.5V1z\"></path></svg></div><div class=\"MapSettingsTileSpacer\"></div><div class=\"MapSettingsTile\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" class=\"display-block hover-scale-110\"><path fill=\"#A7AFBB\" d=\"M7.177 9.5H1v-3h14v3H8.823z\"></path></svg></div></div><div class=\"MapSettingsWrapper\"><div class=\"MapSettingsTile MapTypeSettings\"><div class=\"MapSettingsTile-inner position-relative\"><div class=\"MapSettingsButton\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" class=\"MapSettingsTileIcon hover-scale-110 display-block\"><g fill=\"none\" fill-rule=\"evenodd\"><path fill=\"#939BA8\" d=\"m20 12.451 19.98 11.322L20 35.095.02 23.773l11.052-6.262a4.85 4.85 0 0 0 1.13.484l-2.775 1.572c0-.002 3.353 1.922 3.353 1.922l3.353-1.924-2.446-1.384c.16-.005.32-.019.478-.04l2.222 1.274 3.354-1.924-2.296-1.3c.07-.097.138-.197.202-.3l2.235 1.28.147.085.052.03 3.352-1.924-3.353-1.9-1.854 1.052c.095-.38.142-.762.144-1.139l1.63-.924Zm-.093 17.57-3.353 1.9 3.353 1.922 3.354-1.924-3.354-1.899Zm3.746-2.05-3.353 1.9 3.354 1.922 3.353-1.924-3.354-1.899Zm-7.383-.026-3.353 1.9 3.353 1.923 3.353-1.924-3.353-1.899Zm-3.636-2.04-3.353 1.9c0-.002 3.353 1.923 3.353 1.923l3.353-1.925-3.353-1.898Zm7.383-.01-3.353 1.901c0-.002 3.353 1.922 3.353 1.922l3.353-1.924-3.353-1.9Zm7.287-.015-3.353 1.9 3.353 1.923 3.353-1.924-3.353-1.899ZM9 23.868l-3.354 1.9L9 27.691l3.353-1.924L9 23.868Zm7.381-.013-3.353 1.9 3.353 1.923 3.353-1.924-3.353-1.899Zm14.53-.049-3.353 1.9c0-.002 3.353 1.923 3.353 1.923l3.353-1.925-3.353-1.898Zm-7.244 0-3.353 1.9 3.353 1.922 3.353-1.924-3.353-1.899Zm-10.92-1.988-3.354 1.9 3.354 1.923 3.353-1.924-3.353-1.899Zm-7.364-.013L2.03 23.707c0-.002 3.353 1.922 3.353 1.922l3.354-1.924-3.354-1.9Zm14.648-.04-3.353 1.9c0-.002 3.353 1.923 3.353 1.923l3.353-1.924-3.353-1.9Zm7.243-.034-3.353 1.9 3.353 1.923 3.353-1.924-3.353-1.899Zm7.33-.055-3.353 1.901c0-.002 3.353 1.922 3.353 1.922l3.353-1.924-3.353-1.899ZM9.13 19.756l-3.353 1.901c0-.002 3.353 1.922 3.353 1.922l3.354-1.924-3.354-1.9Zm7.266-.028-3.353 1.9 3.353 1.923 3.353-1.924-3.353-1.899Zm7.242-.038-3.353 1.901c0-.002 3.353 1.923 3.353 1.923l3.353-1.924-3.353-1.9Zm7.329-.089-3.353 1.901c0-.002 3.353 1.922 3.353 1.922l3.353-1.923-3.353-1.9Zm-10.964-1.948-3.353 1.9 3.353 1.924 3.354-1.925-3.354-1.899Zm7.328-.093-3.353 1.902c0-.002 3.353 1.922 3.353 1.922l3.353-1.924-3.353-1.9Zm-3.635-2.036-3.353 1.901c0-.002 3.353 1.922 3.353 1.922l3.354-1.924-3.354-1.899Z\"></path><path fill=\"#C9CDD3\" d=\"M8.403 15.762c.15.282.05.632-.227.792l-1.392.74a.584.584 0 0 1-.45.044.593.593 0 0 1-.105-1.09l1.39-.74a.592.592 0 0 1 .784.254ZM14.7 9.09a4.15 4.15 0 1 1-2.427 7.939 4.15 4.15 0 0 1 2.427-7.94Zm-6.333 1.784a.593.593 0 1 1-.347 1.134l-2.269-.693a.602.602 0 0 1-.393-.74c.1-.31.428-.485.74-.394l2.269.693ZM20.99 9.07a.593.593 0 0 1-.245.801l-1.392.74a.587.587 0 0 1-.452.044.564.564 0 0 1-.35-.289.586.586 0 0 1 .245-.801l1.392-.74a.593.593 0 0 1 .802.245ZM9.95 5.497c.153.05.279.16.35.304l.74 1.392a.588.588 0 0 1-.246.802.564.564 0 0 1-.451.044.587.587 0 0 1-.35-.29l-.74-1.392a.595.595 0 0 1 .235-.82.595.595 0 0 1 .462-.04Zm6.023-.566c.313.096.489.428.393.74l-.693 2.269a.593.593 0 1 1-1.134-.347l.693-2.268a.593.593 0 0 1 .74-.394ZM29.571 9.467a.791.791 0 0 0-.4.1.88.88 0 0 0 .067-.35c0-.55-.4-1-.89-1-.2 0-.355.075-.51.175-.222-.975-1-1.675-1.934-1.675-1.11 0-2 1-2 2.25 0 .1 0 .2.022.275-.088-.025-.155-.025-.244-.025-.622 0-1.111.55-1.111 1.25s.489 1.25 1.111 1.25h5.889c.555 0 1-.5 1-1.125s-.445-1.125-1-1.125ZM30.446 14.917c.117 0 .233.02.35.08a.652.652 0 0 1-.058-.28c0-.44.35-.8.777-.8a.85.85 0 0 1 .448.14c.194-.78.875-1.34 1.691-1.34.973 0 1.75.8 1.75 1.8 0 .08 0 .16-.019.22.078-.02.136-.02.214-.02.544 0 .972.44.972 1s-.428 1-.972 1h-5.153a.884.884 0 0 1-.875-.9c0-.462.331-.838.765-.893l.11-.007Z\"></path></g></svg></div><div class=\"dropdown\"></div></div></div></div><div class=\"MapElements\"></div></div></div></div>",
+          "tabs": [
+            {
+              "label": "React",
+              "language": "tsx",
+              "code": "import { useMemo, useRef, useState } from 'react';\n\nimport { UIKIT_DEMO_CREDENTIALS_ARE_NOT_ALLOWED_IN_PROD_ENVIRONMENT } from '../uikit_demo_credentials';\n\n// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>\nimport Map from '@rio-cloud/rio-uikit/Map';\nimport EventUtils from '@rio-cloud/rio-uikit/EventUtils';\nimport MapSettings from '@rio-cloud/rio-uikit/MapSettings';\nimport MapTypeSettings from '@rio-cloud/rio-uikit/MapTypeSettings';\nimport type { MapApi, MapEvent } from '@rio-cloud/rio-uikit/mapTypes';\nimport SingleMapMarker from '@rio-cloud/rio-uikit/SingleMapMarker';\nimport Marker from '@rio-cloud/rio-uikit/Marker';\nimport Polygon, {\n    colorMapColdplay,\n    colorMapWarmup,\n    colorMapGray,\n    colorMapBrand,\n    colorMapStatus,\n    colorMapMarker,\n    colorMapRating,\n    colorMapHighlight,\n} from '@rio-cloud/rio-uikit/Polygon';\nimport Select, { type SelectOption } from '@rio-cloud/rio-uikit/Select';\n\ntype HeaderOption = {\n    id: string;\n    label: string;\n    header: true;\n};\n\ntype ColorOption = {\n    id: string;\n    label: string;\n    colors: {\n        stroke: string;\n        fill: string;\n    };\n};\n\ntype ColorSelectOption = HeaderOption | ColorOption;\n\ntype ColorOptions = ColorSelectOption[];\n\nconst colorOptions: ColorOptions = [\n    { id: 'coldplayHeader', label: 'Coldplay', header: true },\n    ...Object.entries(colorMapColdplay).map(([key, value]) => ({ id: key, label: key, colors: value })),\n\n    { id: 'warmupHeader', label: 'Warmup', header: true },\n    ...Object.entries(colorMapWarmup).map(([key, value]) => ({ id: key, label: key, colors: value })),\n\n    { id: 'grayHeader', label: 'Gray', header: true },\n    ...Object.entries(colorMapGray).map(([key, value]) => ({ id: key, label: key, colors: value })),\n\n    { id: 'brandHeader', label: 'Brand', header: true },\n    ...Object.entries(colorMapBrand).map(([key, value]) => ({ id: key, label: key, colors: value })),\n\n    { id: 'statusHeader', label: 'Status', header: true },\n    ...Object.entries(colorMapStatus).map(([key, value]) => ({ id: key, label: key, colors: value })),\n\n    { id: 'markerHeader', label: 'Map Marker', header: true },\n    ...Object.entries(colorMapMarker).map(([key, value]) => ({ id: key, label: key, colors: value })),\n\n    { id: 'ratingHeader', label: 'Rating', header: true },\n    ...Object.entries(colorMapRating).map(([key, value]) => ({ id: key, label: key, colors: value })),\n\n    { id: 'highlightHeader', label: 'Highlight', header: true },\n    ...Object.entries(colorMapHighlight).map(([key, value]) => ({ id: key, label: key, colors: value })),\n];\n\nexport default () => {\n    const mapApiRef = useRef<MapApi>();\n\n    const [currentColor, setCurrentColor] = useState('color-warmup-salmon');\n\n    const position = { lat: 48.18009710294023, lng: 11.595117182551355 };\n\n    const points = isoline.points;\n\n    const eventListenerMap = {\n        [EventUtils.TAP]: (event: MapEvent) => {\n            console.log(event);\n\n            const target = event.target;\n            console.log({ boundingBox: target.getBoundingBox(), geometry: target.getGeometry() });\n\n            console.log({\n                viewport: mapApiRef.current?.utils?.getViewPort(),\n                baseLayer: mapApiRef.current?.utils?.getBaseLayer(),\n                mapBoundingBox: mapApiRef.current?.utils?.getBounds(),\n                center: mapApiRef.current?.utils?.getCenter(),\n                zoom: mapApiRef.current?.utils?.getZoom(),\n                layers: mapApiRef.current?.utils?.getLayers(),\n            });\n        },\n    };\n\n    const handleSelectedColor = (item: SelectOption | undefined) => setCurrentColor(item?.id || '');\n\n    const currentOption = colorOptions.find(colorOption => colorOption.id === currentColor) as ColorOption;\n\n    return (\n        <div>\n            <div className='form-group'>\n                <label htmlFor='1'>Color</label>\n                <Select id='1' options={colorOptions} value={[currentColor]} onChange={handleSelectedColor} />\n            </div>\n            <Map\n                credentials={UIKIT_DEMO_CREDENTIALS_ARE_NOT_ALLOWED_IN_PROD_ENVIRONMENT}\n                center={position}\n                zoom={8}\n                height={400}\n                mapSettings={\n                    <MapSettings\n                        options={[\n                            <MapTypeSettings\n                                key='mapTypeSettings'\n                                tooltip='Change map type'\n                                dropdownHeaderText='Map views'\n                                defaultTypeLabel='Default view'\n                                truckTypeLabel='Truck view'\n                                terrainTypeLabel='Terrain view'\n                                satelliteTypeLabel='Satellite view'\n                                nightTypeLabel='Night view'\n                            />,\n                        ]}\n                    />\n                }\n            >\n                {(api: MapApi) => {\n                    mapApiRef.current = api;\n\n                    return (\n                        <>\n                            <Polygon\n                                points={points}\n                                style={{\n                                    strokeColor: currentOption?.colors.stroke,\n                                    fillColor: currentOption?.colors.fill,\n                                }}\n                                eventListenerMap={eventListenerMap}\n                            />\n                            <Marker\n                                position={{ lat: 48.18, lng: 11.5951 }}\n                                icon={\n                                    <SingleMapMarker\n                                        markerColor='bg-map-marker-poi'\n                                        anchorSize='lg'\n                                        clickable={false}\n                                    />\n                                }\n                                eventListenerMap={eventListenerMap}\n                            />\n                        </>\n                    );\n                }}\n            </Map>\n        </div>\n    );\n};\n\nconst isoline = {\n    id: 'SRP_shape_1',\n    type: 'POLYGON',\n    strokeColor: 'rgba(90, 72, 118, 1)',\n    fillColor: 'rgba(90, 72, 118, 0.3)',\n    points: [\n        {\n            lat: 48.438721,\n            lng: 10.717163,\n        },\n        {\n            lat: 48.460693,\n            lng: 10.733643,\n        },\n        {\n            lat: 48.482666,\n            lng: 10.799561,\n        },\n        {\n            lat: 48.592529,\n            lng: 10.909424,\n        },\n        {\n            lat: 48.603516,\n            lng: 10.942383,\n        },\n        {\n            lat: 48.603516,\n            lng: 11.030273,\n        },\n        {\n            lat: 48.614502,\n            lng: 11.063232,\n        },\n        {\n            lat: 48.68042,\n            lng: 11.085205,\n        },\n        {\n            lat: 48.691406,\n            lng: 11.118164,\n        },\n        {\n            lat: 48.691406,\n            lng: 11.162109,\n        },\n        {\n            lat: 48.68042,\n            lng: 11.195068,\n        },\n        {\n            lat: 48.658447,\n            lng: 11.217041,\n        },\n        {\n            lat: 48.647461,\n            lng: 11.25,\n        },\n        {\n            lat: 48.647461,\n            lng: 11.293945,\n        },\n        {\n            lat: 48.636475,\n            lng: 11.326904,\n        },\n        {\n            lat: 48.614502,\n            lng: 11.348877,\n        },\n        {\n            lat: 48.614502,\n            lng: 11.37085,\n        },\n        {\n            lat: 48.68042,\n            lng: 11.392822,\n        },\n        {\n            lat: 48.724365,\n            lng: 11.436768,\n        },\n        {\n            lat: 48.735352,\n            lng: 11.469727,\n        },\n        {\n            lat: 48.724365,\n            lng: 11.502686,\n        },\n        {\n            lat: 48.702393,\n            lng: 11.524658,\n        },\n        {\n            lat: 48.702393,\n            lng: 11.546631,\n        },\n        {\n            lat: 48.724365,\n            lng: 11.568604,\n        },\n        {\n            lat: 48.735352,\n            lng: 11.601563,\n        },\n        {\n            lat: 48.735352,\n            lng: 11.645508,\n        },\n        {\n            lat: 48.724365,\n            lng: 11.678467,\n        },\n        {\n            lat: 48.702393,\n            lng: 11.700439,\n        },\n        {\n            lat: 48.691406,\n            lng: 11.733398,\n        },\n        {\n            lat: 48.691406,\n            lng: 11.777344,\n        },\n        {\n            lat: 48.68042,\n            lng: 11.810303,\n        },\n        {\n            lat: 48.614502,\n            lng: 11.876221,\n        },\n        {\n            lat: 48.614502,\n            lng: 11.898193,\n        },\n        {\n            lat: 48.636475,\n            lng: 11.920166,\n        },\n        {\n            lat: 48.647461,\n            lng: 11.953125,\n        },\n        {\n            lat: 48.636475,\n            lng: 11.986084,\n        },\n        {\n            lat: 48.614502,\n            lng: 12.008057,\n        },\n        {\n            lat: 48.603516,\n            lng: 12.041016,\n        },\n        {\n            lat: 48.603516,\n            lng: 12.084961,\n        },\n        {\n            lat: 48.592529,\n            lng: 12.11792,\n        },\n        {\n            lat: 48.548584,\n            lng: 12.161865,\n        },\n        {\n            lat: 48.515625,\n            lng: 12.172852,\n        },\n        {\n            lat: 48.482666,\n            lng: 12.161865,\n        },\n        {\n            lat: 48.460693,\n            lng: 12.139893,\n        },\n        {\n            lat: 48.427734,\n            lng: 12.128906,\n        },\n        {\n            lat: 48.394775,\n            lng: 12.139893,\n        },\n        {\n            lat: 48.383789,\n            lng: 12.172852,\n        },\n        {\n            lat: 48.383789,\n            lng: 12.216797,\n        },\n        {\n            lat: 48.372803,\n            lng: 12.249756,\n        },\n        {\n            lat: 48.35083,\n            lng: 12.249756,\n        },\n        {\n            lat: 48.328857,\n            lng: 12.183838,\n        },\n        {\n            lat: 48.306885,\n            lng: 12.183838,\n        },\n        {\n            lat: 48.284912,\n            lng: 12.249756,\n        },\n        {\n            lat: 48.251953,\n            lng: 12.260742,\n        },\n        {\n            lat: 48.164063,\n            lng: 12.260742,\n        },\n        {\n            lat: 48.131104,\n            lng: 12.249756,\n        },\n        {\n            lat: 48.109131,\n            lng: 12.227783,\n        },\n        {\n            lat: 48.087158,\n            lng: 12.227783,\n        },\n        {\n            lat: 48.065186,\n            lng: 12.249756,\n        },\n        {\n            lat: 48.043213,\n            lng: 12.249756,\n        },\n        {\n            lat: 48.02124,\n            lng: 12.227783,\n        },\n        {\n            lat: 47.955322,\n            lng: 12.205811,\n        },\n        {\n            lat: 47.93335,\n            lng: 12.139893,\n        },\n        {\n            lat: 47.911377,\n            lng: 12.11792,\n        },\n        {\n            lat: 47.889404,\n            lng: 12.052002,\n        },\n        {\n            lat: 47.823486,\n            lng: 12.030029,\n        },\n        {\n            lat: 47.823486,\n            lng: 12.008057,\n        },\n        {\n            lat: 47.845459,\n            lng: 11.986084,\n        },\n        {\n            lat: 47.856445,\n            lng: 11.953125,\n        },\n        {\n            lat: 47.856445,\n            lng: 11.90918,\n        },\n        {\n            lat: 47.845459,\n            lng: 11.876221,\n        },\n        {\n            lat: 47.823486,\n            lng: 11.854248,\n        },\n        {\n            lat: 47.8125,\n            lng: 11.821289,\n        },\n        {\n            lat: 47.823486,\n            lng: 11.78833,\n        },\n        {\n            lat: 47.845459,\n            lng: 11.766357,\n        },\n        {\n            lat: 47.845459,\n            lng: 11.744385,\n        },\n        {\n            lat: 47.779541,\n            lng: 11.722412,\n        },\n        {\n            lat: 47.779541,\n            lng: 11.700439,\n        },\n        {\n            lat: 47.801514,\n            lng: 11.678467,\n        },\n        {\n            lat: 47.8125,\n            lng: 11.645508,\n        },\n        {\n            lat: 47.801514,\n            lng: 11.612549,\n        },\n        {\n            lat: 47.735596,\n            lng: 11.546631,\n        },\n        {\n            lat: 47.724609,\n            lng: 11.513672,\n        },\n        {\n            lat: 47.724609,\n            lng: 11.337891,\n        },\n        {\n            lat: 47.735596,\n            lng: 11.304932,\n        },\n        {\n            lat: 47.757568,\n            lng: 11.282959,\n        },\n        {\n            lat: 47.768555,\n            lng: 11.25,\n        },\n        {\n            lat: 47.757568,\n            lng: 11.217041,\n        },\n        {\n            lat: 47.735596,\n            lng: 11.195068,\n        },\n        {\n            lat: 47.724609,\n            lng: 11.162109,\n        },\n        {\n            lat: 47.735596,\n            lng: 11.12915,\n        },\n        {\n            lat: 47.757568,\n            lng: 11.107178,\n        },\n        {\n            lat: 47.779541,\n            lng: 11.04126,\n        },\n        {\n            lat: 47.845459,\n            lng: 11.019287,\n        },\n        {\n            lat: 47.856445,\n            lng: 10.986328,\n        },\n        {\n            lat: 47.856445,\n            lng: 10.942383,\n        },\n        {\n            lat: 47.867432,\n            lng: 10.909424,\n        },\n        {\n            lat: 47.900391,\n            lng: 10.898438,\n        },\n        {\n            lat: 47.944336,\n            lng: 10.898438,\n        },\n        {\n            lat: 47.977295,\n            lng: 10.887451,\n        },\n        {\n            lat: 47.988281,\n            lng: 10.854492,\n        },\n        {\n            lat: 47.988281,\n            lng: 10.766602,\n        },\n        {\n            lat: 47.999268,\n            lng: 10.733643,\n        },\n        {\n            lat: 48.032227,\n            lng: 10.722656,\n        },\n        {\n            lat: 48.065186,\n            lng: 10.733643,\n        },\n        {\n            lat: 48.087158,\n            lng: 10.799561,\n        },\n        {\n            lat: 48.109131,\n            lng: 10.799561,\n        },\n        {\n            lat: 48.131104,\n            lng: 10.733643,\n        },\n        {\n            lat: 48.164063,\n            lng: 10.722656,\n        },\n        {\n            lat: 48.208008,\n            lng: 10.722656,\n        },\n        {\n            lat: 48.240967,\n            lng: 10.733643,\n        },\n        {\n            lat: 48.262939,\n            lng: 10.755615,\n        },\n        {\n            lat: 48.284912,\n            lng: 10.755615,\n        },\n        {\n            lat: 48.306885,\n            lng: 10.733643,\n        },\n        {\n            lat: 48.372803,\n            lng: 10.71167,\n        },\n        {\n            lat: 48.394775,\n            lng: 10.689697,\n        },\n        {\n            lat: 48.416748,\n            lng: 10.684204,\n        },\n        {\n            lat: 48.438721,\n            lng: 10.717163,\n        },\n    ],\n};"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "see_also": []
+}