[jQuery] Help with loading a Google Map
I am trying to load this map page: http://www.4realty.info/newAugust06/maps/map_test.html into this test page: http://www.4realty.info/newAugust06/map_example.html The map_test.html file is the standard Google maps API script with fixed coordinates. The map_example.html file uses jquery to load map_test into a div using script type=text/javascript $(document).ready(function(){ $(a.snoco).click(function(){ $(div#mapContainer).load(maps/map_test.html); }); }); /script As you can see by viewing the example, the file is loading into the div, but the map is not being displayed. I was unsuccessful in trying to use pieces of the Google Map plugin found here: http://olbertz.de/jquery/googlemap.html My goal is to have a list of cities that when clicked will load the corresponding map into the div on the page (Ajax style). Thanks for any help. Jim ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Help with loading a Google Map
Check this out:http://www.nytsweeps.com/openhouseA site I designed that integrates Thickbox with Google Maps. May help you out.-- Yehuda On 9/11/06, Jim Davis [EMAIL PROTECTED] wrote: I am trying to load this map page:http://www.4realty.info/newAugust06/maps/map_test.htmlinto this test page: http://www.4realty.info/newAugust06/map_example.htmlThe map_test.html file is the standard Google maps API script withfixed coordinates.The map_example.html file uses jquery to load map_test into a div using script type=text/_javascript_$(document).ready(function(){$(a.snoco).click(function(){$(div#mapContainer).load(maps/map_test.html);}); });/scriptAs you can see by viewing the example, the file is loading into thediv, but the map is not being displayed.I was unsuccessful in trying to use pieces of the Google Map plugin found here: http://olbertz.de/jquery/googlemap.htmlMy goal is to have a list of cities that when clicked will load thecorresponding map into the div on the page (Ajax style). Thanks for any help.Jim___jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ -- Yehuda KatzWeb Developer(ph)718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Help with loading a Google Map
Ooooh. Yehuda...what a great idea. Works really well on IE/PC. !//--andy matthewsweb developercertified advanced coldfusion programmerICGLink, Inc.[EMAIL PROTECTED]615.370.1530 x737--//- -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of Yehuda KatzSent: Monday, September 11, 2006 11:01 AMTo: jQuery Discussion.Subject: Re: [jQuery] Help with loading a Google MapCheck this out:http://www.nytsweeps.com/openhouseA site I designed that integrates Thickbox with Google Maps. May help you out.-- Yehuda On 9/11/06, Jim Davis [EMAIL PROTECTED] wrote: I am trying to load this map page:http://www.4realty.info/newAugust06/maps/map_test.htmlinto this test page:http://www.4realty.info/newAugust06/map_example.htmlThe map_test.html file is the "standard" Google maps API script withfixed coordinates.The map_example.html file uses jquery to load map_test into a div using script type="text/_javascript_"$(document).ready(function(){$("a.snoco").click(function(){$("div#mapContainer").load("maps/map_test.html");}); });/scriptAs you can see by viewing the example, the file is loading into thediv, but the map is not being displayed.I was unsuccessful in trying to use pieces of the Google Map plugin found here: http://olbertz.de/jquery/googlemap.htmlMy goal is to have a list of cities that when clicked will load thecorresponding map into the div on the page (Ajax style). Thanks for any help.Jim___jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ -- Yehuda KatzWeb Developer(ph)718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Help with loading a Google Map
Yup. I tested it on IE/FF/Opera in both Windows and Mac, so it should be pretty stable. It was for a real site, so it was quite important that it really work.-- Yehuda On 9/11/06, Andy Matthews [EMAIL PROTECTED] wrote: Ooooh. Yehuda...what a great idea. Works really well on IE/PC. !//--andy matthewsweb developercertified advanced coldfusion programmerICGLink, Inc.[EMAIL PROTECTED]615.370.1530 x737--//- -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]]On Behalf Of Yehuda KatzSent: Monday, September 11, 2006 11:01 AMTo: jQuery Discussion.Subject: Re: [jQuery] Help with loading a Google MapCheck this out:http://www.nytsweeps.com/openhouseA site I designed that integrates Thickbox with Google Maps. May help you out.-- Yehuda On 9/11/06, Jim Davis [EMAIL PROTECTED] wrote: I am trying to load this map page:http://www.4realty.info/newAugust06/maps/map_test.html into this test page:http://www.4realty.info/newAugust06/map_example.html The map_test.html file is the standard Google maps API script withfixed coordinates.The map_example.html file uses jquery to load map_test into a div using script type=text/_javascript_$(document).ready(function(){$(a.snoco).click(function(){$(div#mapContainer).load(maps/map_test.html);}); });/scriptAs you can see by viewing the example, the file is loading into thediv, but the map is not being displayed.I was unsuccessful in trying to use pieces of the Google Map plugin found here: http://olbertz.de/jquery/googlemap.htmlMy goal is to have a list of cities that when clicked will load thecorresponding map into the div on the page (Ajax style). Thanks for any help.Jim___jQuery mailing listdiscuss@jquery.com http://jquery.com/discuss/ -- Yehuda KatzWeb Developer(ph)718.877.1325 ___jQuery mailing listdiscuss@jquery.com http://jquery.com/discuss/-- Yehuda KatzWeb Developer(ph)718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Help with loading a Google Map
Yehuda, Thanks for the link to your site. I used your method for creating the map page using jquery, as can be seen here: http://www.4realty.info/newAugust06/map4.html I still want to simply load this page into a div rather than use thickbox. My example page: http://www.4realty.info/newAugust06/map_example.html , still refuses to load the map. Any ideas? Jim On 9/11/06, Yehuda Katz [EMAIL PROTECTED] wrote: Check this out: http://www.nytsweeps.com/openhouse A site I designed that integrates Thickbox with Google Maps. May help you out. -- Yehuda ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Help with loading a Google Map
You should look at my CSS. I had major issues that were similar to yours, and I used some padding and whatnot to make it work. I don't remember the details at the moment, but take a look at my CSS ;)-- Yehuda On 9/11/06, Jim Davis [EMAIL PROTECTED] wrote: Yehuda,Thanks for the link to your site. I used your method for creating themap page using jquery, as can be seen here:http://www.4realty.info/newAugust06/map4.html I still want to simply load this page into a div rather than usethickbox. My example page:http://www.4realty.info/newAugust06/map_example.html , still refusesto load the map.Any ideas?JimOn 9/11/06, Yehuda Katz [EMAIL PROTECTED] wrote: Check this out: http://www.nytsweeps.com/openhouse A site I designed that integrates Thickbox with Google Maps. May help you out. -- Yehuda___ jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/-- Yehuda Katz Web Developer(ph)718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/