<.live_component
  module={GoogleMap}
  class="h-full w-full"
  markers={%{default: [%{id: 0, lat: 48.78603, lng: 2.58738}, %{id: 1, lat: 48.88, lng: 2.38}, %{id: 2, lat: 48.8734, lng: 2.38302}]}}
/>

<.live_component
  module={GoogleMap}
  class="h-full w-full"
  markers={%{default: [%{id: 0, lat: 48.78603, lng: 2.58738}, %{id: 1, lat: 48.88, lng: 2.38}, %{id: 2, lat: 48.8734, lng: 2.38302}]}}
  marker_clusters={%{default: true}}
/>

<.live_component
  module={GoogleMap}
  class="h-full w-full"
  markers={%{blue: [%{id: 0, lat: 48.8742, lng: 2.3454}], green: [%{id: 1, lat: 48.8734, lng: 2.383}]}}
  marker_colors={%{blue: "#0000FF", green: "#00FF00"}}
  marker_radius={%{blue: 500, green: 1000}}
/>

<.live_component
  module={GoogleMap}
  class="h-full w-full"
  markers={%{blue: [%{id: 0, lat: 48.8742, lng: 2.3454}], green: [%{id: 1, lat: 48.8734, lng: 2.383}]}}
  marker_template="<div><h2><%%= name %></h2></div>"
/>

<.live_component
  module={GoogleMap}
  class="h-full w-full"
  markers={%{default: [%{id: 0, lat: 48.78603, lng: 2.58738}, %{id: 1, lat: 48.8734, lng: 2.38302}]}}
  focused_marker_id={0}
/>