Appearance

Basis opsætning ​

Standalone antal biler alle:

html
<script type="module" crossorigin src="https://map.js.nextgen.carads.io/assets/index.js"></script>
<link type="text/css" rel="stylesheet" href="https://map.js.nextgen.carads.io/assets/index.css" media="all" />
<div id="carads-map"></div>
<script type="application/json" id="carads_map_settings">{
    ...
}</script>

Scripts config basis ​

Mininmal opsætning

html
<script type="application/json" id="carads_map_settings">{
    "cid": 259,
    "buttons": [
        {
            "text": "Book hjulskifte",
            "type": "form",
            "icon": "https:/.../map_icons.svg#contact",
            "slug": "form_slug"
        }
    ]
}</script>

Kort indstillinger ​

Eksempel

html
<script type="application/json" id="carads_map_settings">{
    ...
    "lat": 55.402876,
    "lng": 10.38377,
    "zoom": 13,
    "cid": 259,
    "fitBounds": true,
    ...
}</script>

Tekst ​

Eksempel

html
<script type="application/json" id="carads_map_settings">{
    ...
    "title": "Find et værksted nær dig",
    "intro": "Søg blandt mere end 150 frie værksteder i hele landet og book tid til hjulskifte hos dit nærmeste Autoplus-værksted.",
    "titleContact": "Book dit hjulskifte hos",
    "introContact": "Udfyld formularen og send din forespørgsel til os. Så kontakter vi dig med et uforpligtende tilbud på hjulskifte.",
    "titleContactThanks": "Tak fordi du har booket tid til hjulskifte. ",
    "introContactThanks": "Vi kontakter dig snarest med en bekræftelse på din booking. Har du anmodet om et tilbud på et sæt vinterdæk, vil vi ydermere kontakte dig omkring dette.",
    ...
}</script>

Knapper ​

Knap til inline formular ​

Eksempel

html
<script type="application/json" id="carads_map_settings">{
    ...
    "buttons": [
        {
            "text": "Book hjulskifte",
            "type": "form",
            "icon": "https://sikkerhed.autoplus.dk/wp-content/uploads/2024/09/map_icons.svg#contact",
            "slug": "hjulskifte_autoplus"
        }
    ]
    ...
}</script>

Eksempel

html
<script type="application/json" id="carads_map_settings">{
    ...
    "buttons": [
       {
            "text": "Anchor",
            "type": "link",
            "url": "#info"
        },
        {
            "text": "Læs mere",
            "type": "link",
            "url": "/om-os"
        }
    ]
    ...
}</script>