Opaque type that upholds the map description.

Upholds the possible types of surface for viewing the map.

API key provided by Google for accessing their maps' services.

This type is latitude in float format as expected by Google Maps.

This type is longitude in float format as expected by Google Maps.

It requires the api key whose type is String

The final function to generate the final html

Embeds buttons for controlling the map viewing.

Embeds buttons for the user to change the map type in runtime.

Provides a button for entering the Street View mode.

Provides a scrolling bar for controlling the current zooming in the map.

Sets the mapType.

The default type is roadmap.

Possible options:

satellite, roadmap, hybrid, terrain

Example:

import GoogleMaps.Map as Map


mapView : String -> Html Msg
mapView apiKey =
    Map.init apiKey
        |> Map.withMapType Map.satellite
        |> Map.toHtml

Map with the actual photos of the terrain surface like satellite. While including the roads, and names from roadmap

Map focusing on a presentation of the available driveable paths.

Map with actual photos of the terrain surface.

Map with terrain specifications, mountains, rivers, and other geospatial information.

Handles the fleet-engine's journey-sharing feature.

Handles the fleet-engine's location provider.

Sets the journey-sharing feature.

Specifies the journey-sharing feature.

Specifies a location provider for the fleet-engine.

Sets the center of the map

The idea is make it typed, but right know you should pass the JSON as string

Reference: https://developers.google.com/maps/documentation/javascript/styling

This option is diesabled by default. If the option is enabled the map bounds change in order to fit all the markers. If there is 1 marker only then the map will be centered to the marker position.

import GoogleMaps.Map as Map
import GoogleMaps.Marker as Marker


myMarker : Marker.Marker Msg
myMarker =
    Marker.init -3.7344654 -38.5057405


mapView : String -> Html Msg
mapView apiKey =
    Map.init apiKey
        |> Map.withMarkers [ myMarker ]
        |> Map.toHtml

Default value is 20

Default value is 0

import GoogleMaps.Map as Map
import GoogleMaps.Polygon as Polygon


myPolygon : Polygon.Polygon Msg
myPolygon =
    Polygon.init
        [ ( -3.7344654, -38.5057405 )
        , ( -3.7366108, -38.5188557 )
        , ( -3.7374002, -38.5195225 )
        , ( -3.7474947, -38.5153675 )
        ]
        |> Polygon.withStrokeColor "red"
        |> Polygon.withFillColor "orange"
        |> Polygon.withFillOpacity 0.25
        |> Polygon.withClosedMode


mapView : String -> Html Msg
mapView apiKey =
    Map.init apiKey
        |> Map.withPolygons [ myPolygon ]
        |> Map.toHtml

Default zoom is 14

Triggers with every click on the map.

Triggers once the map is loaded.

Provides a controllable feature of allowing the user to draw polygons on the map.