Interactivetools.com Forum: Products: Listings Manager Add-ons: Tutorial: Google Maps

Home: Products: Listings Manager Add-ons:
Tutorial: Google Maps

1 2

View All

ross
Staff / Moderator

Apr 19, 2006, 3:11 PM

Post #1 of 49 (50156 views)
Shortcut

Tutorial: Google Maps	Can't Post

Hi Guys.

I thought I would start up a thread to discuss the Google Maps setup I was talking about in the last newsletter. Here's a link to it:

http://www.interactivetools.com/products/realtymanager/tutorial_rm_google_maps.html

Since the newsletter went out, I actually made a revision to the template as there was a slight problem with listings that had no coordinates. Everything is ready to go again so if you had already started, you'll want to grab the latest template.

Let me know if you have questions Smile

.
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Product Specialist
support@interactivetools.com

Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.

(This post was edited by ross on Apr 19, 2006, 3:16 PM)

cclinton
User

May 5, 2006, 11:08 AM

Post #2 of 49 (49287 views)
Shortcut

Re: [ross] Tutorial: Google Maps [In reply to]	Can't Post

I screwed up somewhere and can't get it to work.

I followed all of the steps:

got the google API
set my coordinates
added fields in settings
loaded page in templates folder (not templates/_realty)
added coordinates for one property

The map pops up but not bubble for the property I entered.

I have attached the file for review.

Notes:
Longitude field is 32
Latitude field is 33
Link to temporary location of map page in site: http://www.buyusa1.com/mapprop.php

Attachments:

_google_map.html (8.07 KB)

ross
Staff / Moderator

May 7, 2006, 2:40 PM

Post #3 of 49 (49247 views)
Shortcut

Re: [cclinton] Tutorial: Google Maps [In reply to]	Can't Post

Hi.

Thanks for posting!

I had a look at your map today and I actually see why there aren’t any bubbles coming up on your site. If you look at the source code on your actual map (not the page it gets included onto)

http://www.buyusa1.com/listman/exec/search.cgi?search=1&template=_google_map.html

You’ll notice a whole bunch of lines that say: return: ;

That’s actually where the longitude and latitudes of each number should be appearing. The template is trying to load lfield32 and lfield33 which is what you setup so that seems ok.

To be honest, I am not actually sure why this isn’t working for you. Would you mind sending me some FTP details so I can take a closer look at what’s going on? Here’s a link:

https://www.interactivetools.com/support/email_support.cgi

I look forward to hearing from you Smile

.
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Product Specialist
support@interactivetools.com

ross
Staff / Moderator

May 16, 2006, 1:37 PM

Post #4 of 49 (49120 views)
Shortcut

Re: [ross] Tutorial: Google Maps [In reply to]	Can't Post

Hi everyone.

Just wanted to let you know that the problem here was tracked down. By default, Listings Manager’s search engine returns 10 listings. Now, cclinton did infact have around 10 listings with proper coordinates but they weren’t in the top 10 listings that got returned. My suggestion was to use a perpage attribute in the source string of his iframe like this:

Code

www.yoursite.com/cgi-bin/listman/exec/search.cgi?search=1&template=_google_map.html&perpage=3000

That got things looking better. If you are not getting all your popups coming in, give that a shot.
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Product Specialist
support@interactivetools.com

fsbo
User

Jun 4, 2006, 8:12 PM

Post #5 of 49 (48856 views)
Shortcut

Re: [ross] Tutorial: Google Maps [In reply to]	Can't Post

Hi,

I'm trying to setup the main page for the map, I need the zoom level to be set at 11, however once I do that my map shows a larger area rather than a "zoom" area (its as if the zoom # can not be grater than 9) Do you know how I'd set a higher zoom level?

map.centerAndZoom(new GPoint(-123.07159423828125,49.19067925930702), 9);

or is it limited to single digits?

Thanks in advance,

James

sammahoney
User

Aug 7, 2006, 6:23 AM

Post #6 of 49 (48353 views)
Shortcut

Re: [ross] Tutorial: Google Maps [In reply to]	Can't Post

Hi Ross Thanks for the tutorial - got it almost up and running now. I have a question though - is it possible to have the map load up in the 'satellite' view as opposed to the default map view? I'm doing listings fro Croatia and the map has no info, so you can't zoom in much, but the satellite images are good enough. Thanks! Sam
EDIT: Just figured it myself - add the following line (it's in BOLD) var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setMapType(G_SATELLITE_TYPE);

(This post was edited by sammahoney on Aug 7, 2006, 6:39 AM)

sammahoney
User

Aug 7, 2006, 8:42 AM

Post #7 of 49 (48349 views)
Shortcut

Re: [sammahoney] Tutorial: Google Maps [In reply to]	Can't Post

Hey Ross - another question for you. How do I make the 'more details' open in a separate window? On my listings, I have the 'more details' open in a new window of a set size (see www.advantagecroatia.com). Can I have the map do the same thing?

MikeB
Staff / Moderator

Aug 8, 2006, 3:19 PM

Post #8 of 49 (48316 views)
Shortcut

Re: [sammahoney] Tutorial: Google Maps [In reply to]	Can't Post

Hi Sam,

Thanks for the post! Smile

If you'd like the "More Details" link to open up in a new window then you'd just want to modify this bit of code in the _google_map.html template file:

var html = "<div class='bubble_text'><table valign='top'><tr><td><img src='$listing_url$/images/$thumbnail$' width='$thumbnail_width$'></td><td valign='top' style='padding-top: 5px;'> <b>$lfield3$</b> - $lfield2$<br/> $lfield10$<br/><br/><a href='$listing_url$/$listing_file$'>More Details</a></td></tr></table></div>";

You should be able to modify this line of code to reference some JavaScript, or more simply just change the link from this:

Code

<a href='$listing_url$/$listing_file$'>More Details</a>

To this:

Code

<a href='$listing_url$/$listing_file$' target='_blank'>More Details</a>

I hope this helps and if you have any other questions feel free to let me know! Smile

Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com

sammahoney
User

Aug 9, 2006, 1:41 AM

Post #9 of 49 (48305 views)
Shortcut

Re: [MikeB] Tutorial: Google Maps [In reply to]	Can't Post

Hey Mike

Thanks for that - is there some way to set the size of the new window? On my listings page I have the 'more info' bit open in a new window of a set size, so I want the map to do the same thing (see http://www.advantagecroatia.com/listman/listings/).

I'm also trying to add some labels to show place names etc - I'm using TLabel to add them - however, I can get the labels to show if I just use the map (http://www.advantagecroatia.com/listman/templates/_realty/_google_map.html) but they won't show when I try and use the search query to show the listings (http://www.advantagecroatia.com/listman/exec/search.cgi?search=1&template=_google_map.html) - any ideas?

And, last but not least, is there some way that a Google Earth file (.kmz) could be generated from search listings? I saw it on a site - http://www.coloradofuture.com - you do a search, and then you can download the Google Earth file. Quite nice.

Thanks!
Sam

(This post was edited by sammahoney on Aug 10, 2006, 3:59 AM)

MikeB
Staff / Moderator

Aug 10, 2006, 2:19 PM

Post #10 of 49 (48245 views)
Shortcut

Re: [sammahoney] Tutorial: Google Maps [In reply to]	Can't Post

Hi Sam,

Thanks for the post! Smile

I'll go over your questions for you one at a time:

Popup Windows
First, to set the specific size of the pop-up window using the same method as you're currently using on your site you'll just want to make a couple of changes to the /templates/_realty/_google_map.html template file. I'd recommend making a backup copy of this file before you make any changes to it. You'll want to find this line of code:

Code

<!-- template insert : $list$ -->

Right before this line you'll want to add the JavaScript you're using on your site for Popup Windows:

Code

<script language="JavaScript" type="text/JavaScript"> 
<!-- 
function MM_openBrWindow(theURL,winName,features) { //v2.0 
  window.open(theURL,winName,features); 
} 
//--> 
</script>

The next step will be to find this bit of code in the same google_map.html template file:

Code

	var html = "<div class='bubble_text'><table valign='top'><tr><td><img src='$listing_url$/images/$thumbnail$' 
	 width='$thumbnail_width$'></td><td valign='top' style='padding-top: 5px;'> <b>REF: $lfield10$</b><br/><br/> 
	 $lfield11$<br/><br/> $lfield5$<br/><br/><a href='$listing_url$/$listing_file$'>More Details</a></td></tr> 
	 </table></div>";

You can modify it to look like this:

Code

	var html = "<div class='bubble_text'><table valign='top'><tr><td><img src='$listing_url$/images/$thumbnail$'  
	width='$thumbnail_width$'></td><td valign='top' style='padding-top: 5px;'> <b>REF: $lfield10$</b><br/> 
	<br/>$lfield11$<br/><br/> $lfield5$<br/><br/><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica,  
	sans-serif" onclick="MM_openBrWindow(\'/listman/listings/$listing_file$\',\'Advantage\',\'scrollbars=yes, 
	width=450,height=400\')"><a href="#" target="_self">More Details</a></td></tr></table></div>";

Keep in mind that although it's a bit too wide to leave it on one line in the forum post, you'll want to keep the above piece of code on one line in your HTML Editor. You'll notice that I just modified the HTML so it references your MM_openBRWindow script similar to how it's being used on your http://www.advantagecroatia.com/listman/listings/ page.

TLabels
For your Tlabels, it's a bit out of the scope of Listings Manager but I've taken a quick look and it looks like the issue actually just has to do with this line of code in your /templates/_realty/_google_map.html file:

Code

 <script src="tlabel.2.05.js" type="text/javascript"></script>

It seems that this JavaScript file is in /listman/templates/_realty/ so it works when you view the template, but when you're looking at the search results you're actually looking at the search.cgi file (which is in the /exec/ directory). My suggestion would be to change this line of code to an absolute path from the root so it would look like this:

Code

 <script src="/listman/templates/_realty/tlabel.2.05.js" type="text/javascript"></script>

Google Earth
I'm not actually too sure how something like this would work and it really depends on what you'd need to pass to GoogleEarth and what's needed to actually create a new .kmz file. If you have any more information about this I might be able to offer some suggestions for you and let you know if this might be possible.

I hope this helps and if you have any other questions feel free to let me know! Smile

Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com

sammahoney
User

Aug 11, 2006, 6:51 AM

Post #11 of 49 (48218 views)
Shortcut

Re: [MikeB] Tutorial: Google Maps [In reply to]	Can't Post

Hey Mike

Thanks for that - the TLabels thing works fine now - I should've figured that one myself!

I'm trying to get the 'pop up windows' thing to work, but when I add the script, everytime it gets as far as the first backslash (\) it breaks the script.

So, it gets as far as this:

var html = "<div class='bubble_text'><table valign='top'><tr><td><img src='$listing_url$/images/$thumbnail$'
width='$thumbnail_width$'></td><td valign='top' style='padding-top: 5px;'> <b>REF: $lfield10$</b><br/>
<br/>$lfield11$<br/><br/> $lfield5$<br/><br/><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica,
sans-serif" onclick="MM_openBrWindow(\

And then breaks.

Any ideas?

MikeB
Staff / Moderator

Aug 12, 2006, 10:04 AM

Post #12 of 49 (48153 views)
Shortcut

Re: [sammahoney] Tutorial: Google Maps [In reply to]	Can't Post

Hi Sam,

Thanks for the post and the update! Smile

When testing out this code I didn't seem to run into any errors like the one you've described. I took a look at your site and it looks like an older version of the template file is currently there as it's up and running and just opening the listings in the same window.

What I think might be best is you make a copy of this template file (_google_map.html) and make the changes I had outlined to this file. From there I can take a look at the error that you're running into and can have a closer look at what might be happening.

I look forward to hearing from you! Smile

Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com

sammahoney
User

Aug 14, 2006, 5:54 AM

Post #13 of 49 (48064 views)
Shortcut

Re: [MikeB] Tutorial: Google Maps [In reply to]	Can't Post

Hey Mike

Finally figured it out:

var html = "<div class='bubble_text'><table valign='top'><tr><td><img src='$listing_url$/images/$thumbnail$' width='$thumbnail_width$'></td><td valign='top' style='padding-top: 5px;'><b>REF: $lfield10$</b><br/><br/>$lfield11$<br/><br/> $lfield5$<br/><br/><font color='#656565' face='Tahoma' onclick=\"MM_openBrWindow('/listman/listings/$listing_file$','Advantage','scrollbars=yes, width=450,height=400')\"><a>Click <u>here</u> for more details</a></font></div>";

It's the double quotes("). You're already inside double quotes so you need to use singles, or else a backslash (\) to bring yourself back out.

Thanks a million for this guys, you've put me ahead of my competition yet again!

Sam

Joey
User

Oct 15, 2006, 12:44 PM

Post #14 of 49 (46921 views)
Shortcut

Re: [sammahoney] Tutorial: Google Maps [In reply to]	Can't Post

Hi guys, I got this thing working to show all my entries well close enough...but anyway how can you have it create 1 google map (specific size) to show on the actual LISTING page...dynamically populating the map from the address?...

Best would be if I could pull in the $hfield$ that has the sellers address but I suppose you still cannot pull in $hfields$ into the publish_listings file...unless something has changed...

thanks guys still the BEST SCRIPT around after having it for over 4 years!!!

OVERVIEW of what I'm trying to do:
put a google map on the publish_listings.html page dynamically putting a marker on the map with the address of the seller...

my site is http://Used-CarLots.com

thanks everyone,

Joey Stubblefield

Joey Stubblefield
http://Used-CarLots.com
Powered By Auto Manager!

http://1000Cars.com
Powered By Auto Manager!

http://MeetingStreetMotors.com
Powered By Used-CarLots.com Via Auto Manager!

ross
Staff / Moderator

Oct 16, 2006, 9:36 AM

Post #15 of 49 (46877 views)
Shortcut

Re: [Joey] Tutorial: Google Maps [In reply to]	Can't Post

Hi Joey.

Thanks for posting!

I actually have a template for you to use and I would be more than happy to walk you through this. The only thing is that because it’s more of an advanced walkthrough, I think it would work better through email so could you send me an email through support@interactivetools.com.

Just link to this post and mention that Ross has a walk through from you. That will give the team a heads up as to what’s going on. How does that sound?

I look forward to hearing from you Smile

.
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Product Specialist
support@interactivetools.com

jcx1028
New User

Jul 23, 2007, 2:33 PM

Post #16 of 49 (43685 views)
Shortcut

Re: [ross] Tutorial: Google Maps [In reply to]	Can't Post

Hey there, Ross... It appears that I'm trying to do something similar on my site (<a href="http://www.savannahhandbook.com">http://www.savannahhandbook.com), but not having much luck. On each of the publish_listing pages, I'd like to have a small Google map just below the image. And, on that Google map, I'd like to have just that one address appear.

I can put the iFrame in there (let's say it'll be 300px by 250px), but things just get messy from there, as I attempt to have it display the map and show the correct location. Any help you could provide would be greatly appreciated...

Thanks!

Jake
Staff / Moderator

Jul 24, 2007, 2:14 PM

Post #17 of 49 (43595 views)
Shortcut

Re: [jcx1028] Tutorial: Google Maps [In reply to]	Can't Post

Hi jcx1028,

Thanks for posting. Smile

As Ross mentioned, the best way for us to help you out with this is through a support request. You can fill out our support request form here:

https://www.interactivetools.com/support/email_support.cgi

I look forward to hearing from you!
-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com

jghoward2007
User

Jan 2, 2008, 1:34 PM

Post #18 of 49 (22572 views)
Shortcut

Re: [ross] Tutorial: Google Maps [In reply to]	Can't Post

Hi Ross,
I think I'm also trying to do something similar. I've already sent a support email (AIT-565827), but I didn't see this post until after it was sent.

In any case, maybe someone can help.
My site requires htaccess authorization:

username: itreview
pass: G3gz2rs1

I have Google Maps working following the maps api v.1 tutorial at:

http://www.rentoffcampus.com/listman/listings

Now I need to know how to show specific listings using different templates.

For example, if you use the search engine to show properties from Indiana University, the Indiana University template is loaded which also calls an Indiana University Map template in the iframe. Currently, these templates are still producing markers on the map for all of the listings on the site, instead of just those specific to the search.

Once I accomplish this functionality, I will also need to know how to do the same for just 1 individual property listing where that property is the only one shown on the map.

Jake
Staff / Moderator

Jan 4, 2008, 11:01 AM

Post #19 of 49 (22354 views)
Shortcut

Re: [jghoward2007] Tutorial: Google Maps [In reply to]	Can't Post

Hi John,

I just followed up with you on this through email, but in case anyone else is wondering this thread has a lot of information on the subject of using custom templates:

http://www.interactivetools.com/forum/gforum.cgi?post=52224;search_string=custom%20listing%20template;t=search_engine#52224
-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com

jghoward2007
User

Jan 7, 2008, 7:41 AM

Post #20 of 49 (22257 views)
Shortcut

Re: [Jake] Tutorial: Google Maps [In reply to]	Can't Post

Hi,
I'll try to be more clear. I have Google Maps working on the listings page, following the Google Maps Tutorial using API v.1

http://www.rentoffcampus.com/listman/listings

user: itreview
pass: G3gz2rs1

Now I need to know how to implement the maps on my search results and published listing pages. The maps should only show markers for the search results, and not all of the listings in listings manager.

My templates are ready, with maps being called from an iframe, but they currently show all of the listings in listings manager, and I want them only to show markers for the search results.

In the case of the listing details page, the map should only show that ONE individual property.

It seemed like Ross was indicating this could be done in the forum post (above) at:
http://www.interactivetools.com/forum/gforum.cgi?post=49666#49666

And that he might have a template already.

Take a look and let me know what you think. Any help would be appreciated as we are way behind launch deadline and this is the last piece of the puzzle.

alarez
New User

Jan 29, 2008, 5:35 AM

Post #21 of 49 (21521 views)
Shortcut

Re: [ross] Tutorial: Google Maps [In reply to]	Can't Post

Hi everyone.

I try to use the perpage attribute in the source string of the iframe like this:

http://www.realtyexecutivesjaco.com/listman/exec/search.cgi?search=1&template=_google_map1.html&perpage=3000

The page containing the iframe is http://www.realtyexecutivesjaco.com/google.html

It is working on FF, and Safari, but Internet Explorer cannot display the web page.

Thanks in advance,

Alain.

Jake
Staff / Moderator

Jan 30, 2008, 2:21 PM

Post #22 of 49 (21387 views)
Shortcut

Re: [alarez] Tutorial: Google Maps [In reply to]	Can't Post

Hi Alain,

I'm not sure what might be causing the problem in Internet Explorer, but one reason could be that it's unable to render the <iframe> tag as that actually isn't a standards-compliant tag. You might want to try using an <object> tag instead, which is standards-compliant. You can read more about its use here (it works in almost exactly the same was as an <iframe> tag):

http://htmlhelp.com/reference/html40/special/object.html

Let us know if you have any other questions. Smile

-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com

jghoward2007
User

Jan 30, 2008, 6:08 PM

Post #23 of 49 (21363 views)
Shortcut

Re: [alarez] Tutorial: Google Maps [In reply to]	Can't Post

Just to elaborate on what Jake said about standards compliance, I thought I might mention a few things from my experience setting up Google Maps with Listings Manager.

True, <iframe> is not valid in xhtml. I was going to use <object> but then target="whatever" is not a valid attribute either, so I couldn't open links from the info window in the parent page containing the embedded object. This may or may not be a problem for you, but this might save you some time and frustration.

One thing I had been confused about was the need for XHTML when using Google Maps. It's true that the template containing the map needs to be xhtml, but the page containing an iframe that calls that template need not be. My solution was to code the pages containing the iframe to the html 4 strict specification and call the xhtml pages containing the map from the iframe.

Whatever you decide, you should check all your pages against the validator at http://validator.w3.org/

I noticed you have a lot of errors in your code that are not related to the Google map.

One last piece of advice- Check your code in older browsers too. I had my site working in all the latest browsers and most older ones and forgot to keep checking until one day I was at the public library where they are still using IE 5.5- All I can say is I'm glad we haven't gone live yet.

A useful free tool for installing multiple stand-alone copies of IE3 IE4.01 IE5 IE5.5 and IE6 can be found here: http://tredosoft.com/Multiple_IE

Your site looks great in quirks mode, btw! Good Luck with all your work.

Cheers,

John

Jake
Staff / Moderator

Feb 1, 2008, 2:35 PM

Post #24 of 49 (20885 views)
Shortcut

Re: [jghoward2007] Tutorial: Google Maps [In reply to]	Can't Post

Hi John,

Great post - there's tons of useful information in there!
-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com

alarez
New User

Feb 4, 2008, 11:03 AM

Post #25 of 49 (20282 views)
Shortcut

Re: [Jake] Tutorial: Google Maps [In reply to]	Can't Post

Hi, John,

Thank you for your help.

----------------------------
Alain

1 2

View All

Search for (options)