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!

[magnus]

The problem some of you are reporting seems like the showmap(); function isn't being written to SHOWTHREAD. On the page with the blank square, view the source. Scroll to the bottom (or search for </body>), and above that should be a <script>..</script> tag. Within that should be a function. Is it there? If not, that's the problem and we'll go from there..

Until someone can provide me with either an account or source output, all I can do is speculate.

[TTG]

Works well but all I can get to work is the example in your product description and my UK members are not really interested where the white house is located ..

I've located UK areas on google map and added the information into the bbcode and nothing shows .. for example, I ask google map to find Imperial War Museum Duxford and up it pops, add the same info into the bbcode and blank space !?

Would also be useful to have an option to add a "Map" button to the standard bbcode toolbar.

Great addition with a few tweaks :up:

[magnus]

Originally Posted by TTG

Works well but all I can get to work is the example in your product description and my UK members are not really interested where the white house is located ..

I've located UK areas on google map and added the information into the bbcode and nothing shows .. for example, I ask google map to find Imperial War Museum Duxford and up it pops, add the same info into the bbcode and blank space !?

Currently, the Google Maps API doesn't natively support locations by name. So, simply providing "Imperial War Museum Duxford" as a value wouldn't return proper coordinates.

Use this instead:

[map=Imperial War Museum Duxford]Duxford, Cambridge, CB2 4QR, UK[/map]

Originally Posted by TTG

Would also be useful to have an option to add a "Map" button to the standard bbcode toolbar.

That's planned. As well as figuring out a way to verbosely handle errors properly. /sigh

Originally Posted by TTG

Great addition with a few tweaks :up:

Thanks!

[Doctor Death]

Would be a great plugin if it worked. Caused "could not display post" errors and locked up.

Will wait for a few updates, but I am looking forward to them.

[magnus]

I can't track down bugs unless I'm given the information to do so, sadly.

[Tralala]

Originally Posted by magnus

The problem some of you are reporting seems like the showmap(); function isn't being written to SHOWTHREAD. On the page with the blank square, view the source. Scroll to the bottom (or search for </body>), and above that should be a <script>..</script> tag. Within that should be a function. Is it there? If not, that's the problem and we'll go from there..

Until someone can provide me with either an account or source output, all I can do is speculate.

Yeah, this is what I see above </body>:

PHP Code:

<script type="text/javascript">
    function showmap136686()
    {
        //<![CDATA[
            if (GBrowserIsCompatible())
            {
                var map136686 = new GMap(document.getElementById("map136686"));
                map136686.centerAndZoom(new GPoint(, ), 4);
            }
            var icon = new GIcon();
            icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
            icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
            icon.iconSize = new GSize(12, 20);
            icon.shadowSize = new GSize(22, 20);
            icon.iconAnchor = new GPoint(6, 20);
            icon.infoWindowAnchor = new GPoint(5, 1);
            map136686.addControl(new GSmallMapControl());
            map136686.addControl(new GMapTypeControl());
        //]]>
    }
    showmap136686();
</script> 


...and yet all I see is the blank post... I have sent you a PM with the hopes of troubleshooting further.

[magnus]

Originally Posted by Tralala

Yeah, this is what I see above </body>:

PHP Code:

<script type="text/javascript">
    function showmap136686()
    {
        //<![CDATA[
            if (GBrowserIsCompatible())
            {
                var map136686 = new GMap(document.getElementById("map136686"));
                map136686.centerAndZoom(new GPoint(, ), 4);
            }
            var icon = new GIcon();
            icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
            icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
            icon.iconSize = new GSize(12, 20);
            icon.shadowSize = new GSize(22, 20);
            icon.iconAnchor = new GPoint(6, 20);
            icon.infoWindowAnchor = new GPoint(5, 1);
            map136686.addControl(new GSmallMapControl());
            map136686.addControl(new GMapTypeControl());
        //]]>
    }
    showmap136686();
</script> 


...and yet all I see is the blank post... I have sent you a PM with the hopes of troubleshooting further.

Ok, from that I can tell that it's not retrieving the lat/long coordinates.

This line is incomplete:

map136686.centerAndZoom(new GPoint(, ), 4);

There should be coordinate locations called within the GPoint(); class. Usually, this is the result of an invalid address. However, you said you tested using the examples provided within the original post.. correct?

I need to try and narrow down if your problem is with the phoogle functions or if the addressData is being lost when sent from vBulletin.

[Tralala]

Thanks for the help, magnus!

Originally Posted by magnus

Hopefully, this will either work or return an error.

Uploaded the new file, replacing the old... created a post... and got this error:

PHP Code:

Warning: file_get_contents() [function.file-get-contents]: URL file-access is disabled in the server configuration in /includes/functions_phoogle.php on line 97

Warning: file_get_contents(http://api.local.yahoo.com/MapsService/V1/geocode?appid=YahooDemo&location=1600+Pennsylvania+Avenue+NW%2C+Washington%2C+DC+20500) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /includes/functions_phoogle.php on line 97 


[bashy]

Hi

I have tried your new functions_phoogle.php file and i still get a blank map, here is the source from the page!
I now have the original php file installed

The map location is your white house 1 copied and pasted!!

<script type="text/javascript">
function showmap51599()
{
//<![CDATA[
if (GBrowserIsCompatible())
{
var map51599 = new GMap(document.getElementById("map51599"));
map51599.centerAndZoom(new GPoint(, ), 4);
}
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
map51599.addControl(new GLargeMapControl());
map51599.addControl(new GMapTypeControl());
//]]>
}
showmap51599();

</script>

[magnus]

@Tralala:

Ok, your problem is obvious. Dreamhost disallows file_get_contents();. No problem, I'll rewrite using cURL.

@Bashy:

You seem to be having the same problem. Do you use Dreamhost as well?