---
title: "Google map marker"
date: "2023-10-05T01:01:18+00:00"
summary: "Easily add interactive location markers to your Google Maps with our Google Map Marker feature. Enhance user experience and provide precise geographical context for your website visitors."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/google-map-marker"
id: "58d42f27-47bb-4c1a-9f57-99f77e030d6f"
---

Schema:

    {
      "type": "object",
      "properties": {
        "type": {"type": "string", "pattern": "^form-field$"},
        "id": {"type": "string", "pattern": "^[0-9a-f]{8}-([0-9a-f]{4}-){3}[0-9a-f]{12}$"},
        "machine_name": {"type": "string"},
        "data": {
          "type": "object",
          "properties": {
            "uid": {"type": "string","pattern": "^form-google-map-marker"},
            "title": {"type": "string"},
            "value": {"type": "string"}
          }
        }
      },
      "required": ["id", "type", "data"]
    }
    

Example output: 

Given "Select" form element on a component set up like so

![10f6cde1-Screenshot%202023-12-06%20at%2010.16.22.png](https://acquia.widen.net/content/949a93d6-0e46-4a31-b5e1-d5aa3952ca0a/web/10f6cde1-Screenshot%202023-12-06%20at%2010.16.22.png)

And used on Node layout canvas like so

![885fd74c-Screenshot%202023-12-06%20at%2010.05.18.png](https://acquia.widen.net/content/26765803-513b-4d20-b66a-41e3a80f6fc7/web/885fd74c-Screenshot%202023-12-06%20at%2010.05.18.png)

JSON:API output for this form field will be this:

    {
      "type": "form-field",
      "id": "70ade5c4-9279-4aaa-84b0-db22fb4784f6",
      "machine_name": "google-map-marker",
      "data": {
        "uid": "form-google-map-marker",
        "title": "Google map marker",
        "value": "51.50072919999999,-0.1246254"
      }
    }