SGoogleMapComponent

Platform  

html

   │    Support  

Chromium supported

Firefox supported

Safari supported

Edge supported

Since  2.0.0

   │   

Olivier Bossel

   │   

beta

  Preview

  Features

• Framework agnostic. Simply webcomponent.

• Support of (custom) marker(s)

• Declarative markers using simple s-gogle-map-marker tag

• Theming your map as usual using the Google cloud maps styles

• And more...

  Import

  Install

  Interface

1. apiKey *

   Required

   AIzaSyDzFfEzhmYXRTlONUCtMWQ88uHJhsbtXY4

   String

   Specify the google api key to use. You can specify it in the config.google.map.apiKey configuration for your project if you prefer

2. mapId *

   Required

   String

   Specify your mapId that you can create here

3. lat *

   Required

   Number

   Specify the map latitude

4. lng *

   Required

   Number

   Specify the map longitude

5. zoom

   Number

   Specify the google map zoom

6. bounds

   true

   Boolean

   Specify if you want your map to be bounds on current markers

7. icons

   {"marker":"<i class=\"fa-solid fa-location-dot\"><\/i>"}

   Object

   Specify some icons to be used across your maps

8. zoomControl

   false

   Boolean

   Specify if you want the zom control or not

9. mapTypeControl

   false

   Boolean

   Specify if you want the map type control or not

10. scaleControl

    false

    Boolean

    Specify if you want the map scale control or not

11. streetViewControl

    false

    Boolean

    Specify if you want the streeview control or not

12. rotateControl

    false

    Boolean

    Specify if you want the rotate control or not

13. fullscreenControl

    false

    Boolean

    Specify if you want the fullscreen control or not