Google Map API

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Google Map API

Trela pro asked 7 years ago

I'm adding your map feature to my website and i always have problems with API key. Where should i place Google Map API Key in scripts from this site? https://mdbootstrap.com/javascript/bootstrap-google-map/

rsademos pro answered 7 years ago

I just ran into this myself. You can add the key like this: In the examples just below the map-container definition the Google Maps Javascript API is called. Add your key to that call. All the other Javascript (the map options etc. you can leave as is).   <div id="map-container" class="z-depth-1" style="height: 500px"></div> [ . . . ] <!--Google Maps--> <script src="https://maps.google.com/maps/api/js?key=YOURKEYGOESHERE"></script>

Trela pro commented 7 years ago

Cool, thank you!
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Trela
Pro User
20Support score
3Questions 2Answers
0Snippets likes 0Snippets