Understanding Google Maps APIs in geo-map component

Introduction

Welcome to Geo-map! This geo map component utilizes various Google Maps APIs to provide rich and interactive mapping functionalities. In this knowledge-based article, we will explore the key Google Maps APIs integrated into Geo-map, along with their usage-based pricing information.

Maps - Dynamic Maps JavaScript API

Product Description Library Maps JavaScript API Geo-map relies on the Dynamic Maps JavaScript API to load dynamic maps seamlessly. This API allows for the dynamic creation and manipulation of maps, providing a foundation for the interactive features in the component.

For detailed documentation and pricing information, refer to the Dynamic Maps JavaScript API Documentation

@googlemaps/js-api-loader

Component Handlers Features Module Default Usage SET_MARKER Markers google.maps.Marker Enabled Basic Marker cluster @googlemaps/markerclusterer Enabled Basic Custom OverlayView google.maps.OverlayView Enabled Basic SET_POLYLINE Polyline google.maps.Polyline Enabled Basic SET_POLYGON Polygon google.maps.Polygon Enabled Basic SET_CIRCLE Circle google.maps.Circle Enabled Basic SET_RECTANGLE Rectangles google.maps.Rectangle Enabled Basic SET_DRAW_MODE SET_DRAW_OPTIONS Draw google.maps.drawing.DrawingManager Disabled Basic SET_AREA_COLOR FeatureStyleFunction google.maps.FeatureStyleFunctionOptions Disabled Basic SET_MAP_STYLE Customize map style

For a list of all available values for featureType , elementType , and stylers , see the JSON style reference . Enabled Basic UIB Map Data Broker Properties

Name Description Type Required mapKey Valid Google Map API Key string Yes mapClient Valid Google Map Client ID string Yes mapProperties Properties of Google Map to set when loading array No mapLanguage Language to be used for the map string No mapSearchPlaces Enable Google Place Search API boolean Yes mapEnableDrawing Enable Google Drawing Service boolean Yes loadMap Set it to false to avoid map from loading boolean Yes layerInfo Object holds data for geo layers json N/A drawModeInfo Object holds data from draw mode json N/A searchInfo Object holds data for geo map search results json N/A

Places

All the places API will be billed on the fields a user utilizes. For more details, please refer to this here.

Component Handlers Products Description Module Default Usage SEARCH_NEARBY_PLACES Nearby Search Billing depends on the fields a user utilizes. For more details, please refer to this here google.maps.places.PlacesService(mapRef). nearbySearch

Disabled Basic SEARCH_PLACES GET_PLACE_DETAILS Places Details Billing depends on the fields a user utilizes. For more details, please refer to this here google.maps.places.PlacesService Disabled Basic GET_LOCATIONS_BY_COORDINATE

Geocoding The Geocoding API is a service that accepts a place as an address, latitude and longitude coordinates, or Place ID. It converts the address into latitude and longitude coordinates and a Place ID, or converts latitude and longitude coordinates or a Place ID into an address. google.maps.Geocoder Disabled Basic SEARCH_PLACES Autocomplete - Per request+ The Autocomplete – Per Request SKU is charged for any of these calls or requests that do not include a session token: JavaScript: the Maps JavaScript API’s Place Autocomplete service google.maps.places.AutocompleteService(). getQueryPredictions({input, langugae})

Disabled Basic

Conclusion We hope this article provides a comprehensive understanding of the Google Maps APIs integrated into Geo-map. For detailed pricing information and additional details, always refer to the official Google Maps Platform Documentation .

If you have any further questions or need assistance, feel free to reach out to our support team.

Happy mapping with Geo-map