Google Mapinator

**firehorse** · 6 Nov 2006, 10:42 AM

Hi,

Originally Posted by firehorse

Hi,I would like to have several ezpages, each with their own map.

Could you have a javascript version that you can cut and paste into an ezpage?

Thanks
Alan

I signed up, had a look at the code and documentation
http://www.google.com/apis/maps/documentation/

After reading the documentation I started experimenting and this is what I came up with. Just cut and paste into an ezpage, and customize to your own requirements.

Put your key (from the signup) in where the abcdefg is and the rest should be self explanatory.

I only require one tab so I deleted the second tab from the original contribution. You can easily add it back in if you want the telephone number/other details on another tab.

Code:

<div class="center">
<script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg"
      type="text/javascript"></script>
    <script type="text/javascript">

//<![CDATA[

function load() {
      if (GBrowserIsCompatible()) {
        var GOOGLE_LAT = 37.4419;
        var GOOGLE_LNG = -122.1419;
        var GOOGLE_ZOOM = 13;
        var STORE_NAME_ADDRESS = "Test<br />99 Road<br />Any Town<br />Any City<br />T:999 999 999";

        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(GOOGLE_LAT, GOOGLE_LNG), GOOGLE_ZOOM);
	  map.addControl(new GMapTypeControl());
	  map.addControl(new GSmallMapControl());
	  map.addControl(new GOverviewMapControl());

	var point = new GLatLng(GOOGLE_LAT, GOOGLE_LNG);
	var infoTabs = [ 
		new GInfoWindowTab("Address", STORE_NAME_ADDRESS)
            ];

	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() { marker.openInfoWindowTabsHtml(infoTabs);});
	map.addOverlay(marker);
	marker.openInfoWindowTabsHtml(infoTabs);
      }
    }

    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
</div>

Best regards
Alan

**firehorse** · 6 Nov 2006, 01:17 PM

Hi,

Many thanks to Graham (snorkpants)

for the contribution otherwise I wouldn't have begun to look at this.

But before he comes out with a version that can do different pages, my hack, and it definitely is a hack, seems to work ok with ezpages, but it doesn't when I paste it into 'contact us' (original contribution works fine though

).

When I paste my hack into 'page 2' as a part of define pages, it works fine so I'm very puzzled on the finer details of html & zencart.

Just my own little puzzle

Best regards
Alan

**firehorse** · 6 Nov 2006, 02:49 PM

Hi,

Originally Posted by firehorse

Just my own little puzzle

I've found out why my 'hack' doesn't work with the contact us page. It's because there's already an onload function being executed in the body tag. And if you execute an onload in a body later on it is ignored.

So the correct thing is to put the onload in the includes/module/page/contact us so it gets included in and executed in the right place in the 'body' tag at the start of the page.

My hack executes the body onload half down the page which breaks html coding but functions ok in opera 9.02, firefox 1.5.0.7 & IE6.0.2900.2180

So stick with the original contribution for the contact us page

Best regards
Alan

**bigbadboy** · 28 Jul 2008, 01:20 PM

I am looking into this mod but for the life of me cannot get it working.
What I am actually trying to do is show a different map, depending on long/ lat, on the product page.

What I need:
Map displayed on product info page
Long/ lat editable via product info page in admin

IF I manage to get anything I'll post but that's a big IF!

**bigbadboy** · 8 Nov 2008, 12:05 AM

I'm assuming this mod is now dead?
I'm still looking for a "google map in product" solution if anyone has found anything, thanks.

**grafx2g** · 8 Apr 2009, 06:22 AM

well it's been months sense anyone has posted in this section but I installed the mod and i'm having trouble getting the map to display. Can you please help me understand what I'm doing wrong. <div is blank, it's not loading something correctly.

http://www.computerbros.com/index.ph...age=contact_us

**kyli51** · 21 May 2009, 11:54 AM

hello bigbadboy,

did you find a solution for you google map in product ? i would like to do exactly the same..

Kyli

**deepanvee** · 24 Jan 2010, 05:14 PM

Hi,
Google mapinator does work for me like a charm thank you so much for the mod. However i am facing a small problem. In the map when we click the red pointer it shows up white screen without the necessary information about my shop(the same is getting reflected in maps.google.com though). What could be the problem?

To understand what i am talking about please click the below link

http://wowstoreonline.com//index.php...age=contact_us

Thanks
Deepan

Thread: Google Mapinator

Thread Tools

Search Thread

Display

Hybrid View

Re: Google Mapinator

Re: Google Mapinator

Re: Google Mapinator

Re: Google Mapinator

Re: Google Mapinator

Re: Google Mapinator

Re: Google Mapinator

Re: Google Mapinator

Similar Threads

Contact form Issue after installing Google Mapinator

Google Mapinator not showing MAP

Zen lightbox 1.4 and google mapinator

Posting Permissions