PaackEng/elm-google-maps/2.0.0

Disclaimer: This is a experimental package, but you are more than welcome to open issues and pull requests in order to request new features.

Example

googleMapView : String -> Html Msg
googleMapView googleMapKey =
    Map.init googleMapKey
        |> Map.toHtml

Please, take a look at examples/src/Main.elm

How to install

npm install --save-dev @webcomponents/webcomponentsjs
npm install --save-dev https://github.com/PaackEng/google-map\#3.0
elm install PaackEng/elm-google-maps

You have to import both items (the order matters)

• @webcomponents/webcomponentsjs/custom-elements-es5-adapter
• @google-web-components/google-map

Example using create-elm-app:

Add those lines in index.js

import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter';
import '@google-web-components/google-map';

How to run the example

Disclaimer: You must install create-elm-app

cd examples/ && ELM_APP_GOOGLE_MAP_KEY=your_key elm-app start