Type - Roadmap (displays the default road map view) and Satellite (displays Google Earth satellite images).The lower the number, the more "zoomed in" the map is. Zoom - The initial scale at which the map is displayed.It is either the address or coordinates of the point you want to center the map on. Mode - Sets the mode of the map (Place, Directions, Search, View, Streetview).When you have the component selected, you will see a number of settings in the Options Panel. # Customizing Your Mapīootstrap Studio offers a number of quick settings to customize your Google Maps component.
You don't need to create a new key every time you add a map, you can reuse it for all maps in your project. This will create your API key which you need to copy and paste into the API Key field in Bootstrap Studio. Next, click the Create Credentials button and select the API Key option. You need to create a new project, or choose an existing one and click Continue to enable the API and any related services. This will take you to the Google API Console. We've made this as easy as possible, just click the Create API Key button in the options. If you don't have a key, you will need to create one. Google Maps requires an API key in order to use it, so if you already have one, go ahead and paste it inside the API Key field and skip this section. In the sidebar, under the Options tab, you will see a number of settings. # Generating a KeyĬlick the map to select it.
Don't worry though - they have a generous free tier, and generating a key is straightforward. There is one complication though - Google requires that all maps use an API key. Download Exampleįirst, go to the Component panel and search for the Map component. You can download the complete example as a bsdesign file.
0 kommentar(er)
