Well, I got bored today and I developed a way of embedding Google Maps via BBCode. It isn't the easiest for forum users to use and it certainly isn't very fun but, it works. I am able to embed Google Maps and private Google Maps using the code provided in the Link to This Page link on the Google Maps pages. If you embed a private map with Polygons, markers and other information, it will embed that too.
I find it useful on my site because people report catches when they go recreationally shrimping. I am able to demarcate zones they can shrimp in and they can show each other where they were one evening.
Here is how I did it:
BBCode Usage:
Code: Select all
[GMap={TEXT1}]{TEXT2}[/GMap]
Code: Select all
<iframe width="600" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="{TEXT1}"></iframe><br /><small><a href="{TEXT2}" style="color:#0000FF;text-align:left">View Larger Map</a></small>
1.) User locates a Google Map they want to share in street map, satellite or hybrid view.
2.) User clicks the link at the top right of the map labeled Link to this Page.
3.) User copies code from the "Paste HTML to Embed in Your Website" section.
4.) User pastes code into Notepad. Example:
Code: Select all
<iframe width="600" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&hl=en&t=h&s=AARTsJoZ6Y0oDSHTURlNO5F6KKDQy5Z27g&msa=0&msid=102369817357771866956.000438dc3e296bb79b7d7&ll=27.673799,-82.696495&spn=0.152024,0.205994&z=12&output=embed"></iframe><br /><small><a href="http://maps.google.com/maps/ms?ie=UTF8&hl=en&t=h&msa=0&msid=102369817357771866956.000438dc3e296bb79b7d7&ll=27.673799,-82.696495&spn=0.152024,0.205994&z=12&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
In the above example, here are the two "hyperlinks."
Code: Select all
http://maps.google.com/maps/ms?ie=UTF8&hl=en&t=h&s=AARTsJoZ6Y0oDSHTURlNO5F6KKDQy5Z27g&msa=0&msid=102369817357771866956.000438dc3e296bb79b7d7&ll=27.673799,-82.696495&spn=0.152024,0.205994&z=12&output=embed
Code: Select all
http://maps.google.com/maps/ms?ie=UTF8&hl=en&t=h&msa=0&msid=102369817357771866956.000438dc3e296bb79b7d7&ll=27.673799,-82.696495&spn=0.152024,0.205994&z=12&source=embed
User populates the Find field with this code:
Code: Select all
&
Code: Select all
&
8.) User goes to the message they are drafting and Clicks the BBCode "GMap=". It places some code on the page that looks like this:
Code: Select all
[GMap=][/GMap]
Code: Select all
[GMap=RIGHT HERE!!!][/GMap]
Code: Select all
[GMap=]RIGHT HERE!!![/GMap]
Code: Select all
[gmap=http://maps.google.com/maps/ms?ie=UTF8&hl=en&t=h&s=AARTsJoZ6Y0oDSHTURlNO5F6KKDQy5Z27g&msa=0&msid=102369817357771866956.000438dc3e296bb79b7d7&ll=27.673799,-82.696495&spn=0.152024,0.205994&z=12&output=embed]http://maps.google.com/maps/ms?ie=UTF8&hl=en&t=h&msa=0&msid=102369817357771866956.000438dc3e296bb79b7d7&ll=27.673799,-82.696495&spn=0.152024,0.205994&z=12&source=embed[/gmap]
Let me know if you have any questions or know how to make this easier! If this is the wrong section, sorry about that. It looked like the right one. Any help moving it to the right place would be appreciated.