New Posting Features - Phoogle! An interactive Google Maps mapping system.

Keywords: Phoogle, Google, Maps, BBCode

Description:
Allows for the insertion of interactive Google Maps within posts via a new BBCode. Supports point labeling as well as multiple points per map.

Details:
I became increasingly annoyed after seeing more and more links to maps being butchered when posted on forums. I had remembered seeing the nifty Phoogle Maps and figured, "why not?"

A few headaches later.. here we are.

[hr]-[/hr]
Usage:
[map]value[/map]
[map=Option]value[/map]

Example:
[map]1600 Pennsylvania Avenue NW, Washington, DC 20500[/map]
[map=The White House]1600 Pennsylvania Avenue NW, Washington, DC 20500[/map]

Multiple Locations Example:
[map]1600 Pennsylvania Avenue NW, Washington, DC 20500;E Capitol St NE & 1st St NE, Washington, DC 20001[/map]
[map=The White House;Capitol Building]1600 Pennsylvania Avenue NW, Washington, DC 20500;E Capitol St NE & 1st St NE, Washington, DC 20001[/map]

[hr]-[/hr]
Installation:

1. Download and import product-phoogle2.0Beta1.xml via the Product Manager.
2. If you do not already have one, obtain a free Google Maps API key.
3. Configure Phoogle! via the AdminCP (vBulletin Options > Phoogle Settings).
4. ???
5. Profit!

Notes:
When adding/editing a map via AJAX Quick Reply or Quick Edit, you must refresh the page to see changes.

[hr]-[/hr]
Comments:
As with all my hacks, this modification is provided free of charge. However, if you find this product useful and have money burning a hole in your pocket, feel free to make a small donation, I won't mind.. really.

Version History:

• 1.0.0 - Initial release, here's to hoping..
• 1.0.1 - Added check for post preview, [map] code will NOT be parsed when previewing (because it can't).
• 1.1.0
  • Eliminated need for functions_phoogle.php
  • Modified way [map] tags are parsed
  • Moved previously static html to templates
  • Changed way multiple locations per posts is defined (separated by ;)
  • Added check for cURL() if not, uses file_get_contents()
• 2.0 Beta 1
  • Proper error handling. Will now verify address (and make reccomended changes) before submitting.
  • Javascript will not be loaded on pages that do not have maps (woops!)
  • Few internal tweaks to (hopefully) speed things up.
• 2.0 Beta 2 - Plays nice with the [noparse][/noparse] tags. (thanks Tralala)

* Please note that this modification was developed on a forum with a userbase of 1 (myself). I've tested it for basic functionality but I cannot guarantee functionality or behavior on your forum. So, please -- make backups before installing this product!

[ThePiston]

worked on this build when it didn't work before: http://googlemapsforum.com/showthread.php?p=5#post5 good job! I can't post the example code though - how can I post the "how to" without making the code create maps?

[magnus]

vBulletin, by default, has [noparse][/noparse] BBCode. Simply encase the example within those tags.

Example:

• [noparse][b]This is bold[/b][/noparse]

[b]This is bold[/b]

The plugin also adds an example to the BBcode help page @ /misc.php?do=bbcode -- I will be adding a editor button once I'm sure the framework is stable. :P

Glad to hear it's working!

[ThePiston]

one problem, this is what I get in the popup window: "Array['passedAddress']}"

[magnus]

Originally Posted by ThePiston

one problem, this is what I get in the popup window: "Array['passedAddress']}"

What popup window?

[ThePiston]

my bad, it works, sorry

[magnus]

Actually, I found what you're talking about. I missed a brace.

In your phoogle_mapcodebits template:

FIND

marker{$g}{$post['postid']}.openInfoWindowHtml("$validPoints[$g]['passedAddress']}");

REPLACE WITH

marker{$g}{$post['postid']}.openInfoWindowHtml("{$validPoints[$g]['passedAddress']}");

I've updated the .xml in the original post. This would only rear it's head if you didn't pass a title to the marker.

Woops! :P

[bashy]

Now theres no blank map but it shows
[map]1600 Pennsylvania Avenue NW, Washington, DC 20500[/map]

[ThePiston]

where do i find "phoogle_mapcodebits template" ?
**edit** NM, i did a search in templates, found it, thanks

[magnus]

Originally Posted by ThePiston

where do i find "phoogle_mapcodebits template" ?

AdminCP > Style Manager > [Your Style] > Phoogle Templates

[magnus]

Originally Posted by bashy

Now theres no blank map but it shows
[map]1600 Pennsylvania Avenue NW, Washington, DC 20500[/map]

Need this information