Embed Google Map with Drawing/Line/Polygon Functionality

Need help
1

Hey Bubblers,

I’ve been working on an app for over a month, and now there’s just one last bit of functionality I haven’t figured out how to implement. I hope one of you talented folks can help.

I want my users to be presented with a Google map with overlaid drawing tools, like this:

Screen Shot 2017-02-02 at 1.54.12 PM.png1696×182 69.4 KB

My users should then be able to draw lines and polygons over sections of the map that they have covered on a route.

This page contains Google’s documentation for this. I’ve tried following the instructions, embedding it in an HTML object, using the API Key I got from Google, and with the iFrame option enabled. But when I preview my page, I get the following error message:

Screen Shot 2017-02-02 at 1.55.56 PM.png792×1170 28.2 KB

ANY help embedding a Google map with drawing functionality would be VERY appreciated.

2

Did you check the Console ?

So (in Chrome at least) right click the page and choose “Inspect”.

My guess would be that your API key isn’t working. Do you have an API Key ?

Did you enable your API key for “Googe Maps Javascript API” ?

3

This topic was automatically closed after 70 days. New replies are no longer allowed.