New Google Maps embed BBCode?

Get help developing custom BBCodes or request one.
Post Reply
SovietSteeds
Registered User
Posts: 32
Joined: Mon Aug 20, 2007 4:21 am

New Google Maps embed BBCode?

Post by SovietSteeds »

Is there a BBCode to embed the newer style Google Maps? I had one on my forums but that only worked with the "classic" version of Google Maps which they have discontinued.
SovietSteeds
Registered User
Posts: 32
Joined: Mon Aug 20, 2007 4:21 am

Re: New Google Maps embed BBCode?

Post by SovietSteeds »

I may have come up with a workaround using the old "googlemap" BBCode, but it's klunky. Here's how I explained it to my users.

Go into google maps and create your map and then click on the menu (three horizontal lines in upper corner) and then click "Share or embed map" and when the new window pops up, select the "Embed Map" option and copy the entire link in the window below, like this:
1map.JPG
Then paste that entire link in your reply (using the full editor reply mode, not quick reply). It will look something like this:

Code: Select all

<iframe src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d56497.49004084622!2d-87.68739183720307!3d41.908262785158584!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x880fd3b2e59adf21%3A0x1cea3ee176ddd646!2sWrigley+Field%2C+West+Addison+Street%2C+Chicago%2C+IL!3m2!1d41.9484384!2d-87.6553327!4m5!1s0x880e2b7db595e7bb%3A0xa3c99cebaff8029c!2sSoldier+Field%2C+1410+Museum+Campus+Dr%2C+Chicago%2C+IL+60605!3m2!1d41.862313199999996!2d-87.6166884!5e0!3m2!1sen!2sus!4v1476989446465" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
then delete the <iframe src=" at the front of the link and then evertyhing at the end starting at " width="600", so that link now looks like this:

Code: Select all

https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d56497.49004084622!2d-87.68739183720307!3d41.908262785158584!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x880fd3b2e59adf21%3A0x1cea3ee176ddd646!2sWrigley+Field%2C+West+Addison+Street%2C+Chicago%2C+IL!3m2!1d41.9484384!2d-87.6553327!4m5!1s0x880e2b7db595e7bb%3A0xa3c99cebaff8029c!2sSoldier+Field%2C+1410+Museum+Campus+Dr%2C+Chicago%2C+IL+60605!3m2!1d41.862313199999996!2d-87.6166884!5e0!3m2!1sen!2sus!4v1476989446465
Then highlight the entire link and click on the "googlemap" button just above the text entry box (again in full editor mode, not quick reply) then your link will look like this:

Code: Select all

[googlemap]https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d56497.49004084622!2d-87.68739183720307!3d41.908262785158584!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x880fd3b2e59adf21%3A0x1cea3ee176ddd646!2sWrigley+Field%2C+West+Addison+Street%2C+Chicago%2C+IL!3m2!1d41.9484384!2d-87.6553327!4m5!1s0x880e2b7db595e7bb%3A0xa3c99cebaff8029c!2sSoldier+Field%2C+1410+Museum+Campus+Dr%2C+Chicago%2C+IL+60605!3m2!1d41.862313199999996!2d-87.6166884!5e0!3m2!1sen!2sus!4v1476989446465[/googlemap]
and once submitted, should yield a result that looks like this:

[googlemap]https://www.google.com/maps/embed?pb=!1 ... 6989446465[/googlemap]

Note: won't work here on this forum since thet BBCode isn't enabled, but it works fine on my forums.

Kind of a pain in the ass, but it works.

Does anyone know how to make a script or BBCode that can automate this process?
Post Reply

Return to “Custom BBCode Development and Requests”