Google Maps API v3 ***Re-Released 17/07/2014*** (Deprecated)

BaconFries · Post by **BaconFries** » Tue Jun 07, 2011 5:08 pm

No problem I was working on this map from DD but due to a Hard drive crash I lost all files take a look here
http://www.dynamicdrive.com/dynamicinde ... lector.htm

BaconFries · Post by **BaconFries** » Tue Jun 07, 2011 5:40 pm

Hmmm are you using the latest version of the extension?? there shouldnt be any issues using that latest...

BaconFries · Post by **BaconFries** » Tue Jun 07, 2011 6:29 pm

Looks like you have not set the width,height for the shadow see image below this should fix it for you

mapshadow.gif

BaconFries · Post by **BaconFries** » Tue Jun 07, 2011 7:42 pm

Great that you got it fixed ...wasnt there a selection of icons in the zip file with the extension when you downloaded...

BaconFries · Post by **BaconFries** » Tue Jun 07, 2011 8:13 pm

Ok I will post a link later for you to grab a selection of map icons that you can use on the map...

BaconFries · Post by **BaconFries** » Tue Jun 07, 2011 9:45 pm

***Update 07/06/11***
Link added for Google map markers added please see first posting

BaconFries · Post by **BaconFries** » Thu Jun 09, 2011 5:34 pm

This is because IE9 is using hardware-accelerated text using sub-pixel Microsoft ClearType font positioning. This will make the font you used look different in display compared to older versions of IE you can trying
Page properties>Misc>Compatibilty>Emulate IE this should force it to look how it should. You can also read more on hardware-accelerated text below..
http://msdn.microsoft.com/en-us/library ... s.85).aspx

BaconFries · Post by **BaconFries** » Thu Jun 09, 2011 6:32 pm

I take a look and see why this maybe happening looking at my extension it could be due to the wrong doctype getting outputted...this is only something I can fix...I will also add compatibilty mode to the extension as well to allow emulation for older browsers...

BaconFries · Post by **BaconFries** » Thu Jun 09, 2011 8:05 pm

Ok to over come this we need to do add this ’in place of the '
For example:
Mrs. Lewis ' s car is nice.
becomes below but will render/display correctly when published/previewed
Mrs. Lewis’s car is nice.

BaconFries · Post by **BaconFries** » Tue Jun 21, 2011 6:06 pm

Is it possible to have the balloon tip show when the map loads instead of having to click on the marker..

Sorry the map only uses a onclick event to dispaly the ballon.

Cant reall say it could just be a small lag in time for it to be brought into your page and when you refresh it gets called fater because it is already in your browsers cache.
The extension alread has this feature installed if you notice the small man icon in the map if the users drags this on top of the pin icon it will give a streetview..

smartmedia · Post by **smartmedia** » Wed Aug 10, 2011 3:56 pm

Hi..

I spend 2 hours to figure out why the extension not working for me. I was getting the Lat & Lon from here
Well, in the extension the order is Lon & Lat instead of Lat & Lon, during copy i din't notice. Please correct it because i am sure some users will have the same result as me.
Question:
Why you create an extra page for the extension like googlemaps.html you can't just use the code inside a div...???
Notice:
In the field (Map Icon Image Title) i add a message in Greek but is shown as Chinese. Any idea why...??? Perhaps because u using the extra page googlemaps.html.

That's all for now. Thanks

BaconFries · Post by **BaconFries** » Wed Aug 10, 2011 5:50 pm

I spend 2 hours to figure out why the extension not working for me. I was getting the Lat & Lon from here Well, in the extension the order is Lon & Lat instead of Lat & Lon,

If you maybe had spent either 5 minutes looking through previous posts you would have found the anwser or taking the time to post and I would have replied...

Why you create an extra page for the extension like googlemaps.html you can't just use the code inside a div...???

WHY so that you can use more than one map per site and because the javascript that it is using is HTML 5 complient if you try and mix on the same page the w3C gives errors that is why it is in a iframe....

In the field (Map Icon Image Title) i add a message in Greek but is shown as Chinese. Any idea why...??? Perhaps because u using the extra page googlemaps.html.

I dont know I dont speak greek!!!!! and I have no need to use cryliic characters .....I dont and cant test to make sure it works for every persons language that would take forever...did you try using with the unicode version of the builder?????

And finally if you dont like how the Map works or how I bulit it ...then there are more than just this one available to use...and YES that will be ALL for now

smartmedia · Post by **smartmedia** » Wed Aug 10, 2011 6:46 pm

I do not like your attitude mate.. If you're upset from something else is not my fault. I was only make some comments.

BaconFries · Post by **BaconFries** » Wed Aug 10, 2011 7:07 pm

I dont like your attitude That's all for now. I took this as A INSULT hence me writing the way I did... and again if you dont like the extension move on use another or make your own....and just to let you know I am happy to make any fix that needs making when it is asked nicely....but when I feel I have been insulted I will speak back...

BaconFries · Post by **BaconFries** » Mon Oct 10, 2011 1:25 pm

Ok I have looked at the map, and the url you have in the bubble, and it does look disorted in IE

and not in FF, if you just use the url by itself, inserted into IE address bar and view it is also distored, so this tells me it is nothing to do with the extension, but how IE it rendering the page which is infact using flash to display the streetview, you can see this yourself by looking at the following url which you are using, so it is a browser issue(IE) which the extension has no control over, it also looks like the url is using a older version on the map code (API v2) in the flash that IE cant render the same as Firefox...

http://maps.google.co.uk/maps?f=q&sourc ... ed&layer=c

BaconFries · Post by **BaconFries** » Sun Nov 20, 2011 2:04 pm

No sorry the information window will only open/display after the user has clicked on the location pin or icon used...

etcbbu · Post by **etcbbu** » Sat Dec 03, 2011 2:11 am

Hey BaconFries,

Can this extension have multiple "spots" on the same .php page, as done on this website's page:

http://willbanksmetals.com/Contact

?

BaconFries · Post by **BaconFries** » Sat Dec 03, 2011 11:02 am

You should be able to use as many maps as you want, aslong as each map has its own reference , by this googlemap.html, googlemap1.html etc etc...

zinc · Post by **zinc** » Sun Jan 08, 2012 11:20 am

BF I am not sure if you have mentioned this but I find this site useful for your extension

http://www.getlatlon.com/

BaconFries · Post by **BaconFries** » Sun Jan 08, 2012 6:20 pm

Tnx B for the ups on this site...I have never used it but it will come in handy, when I do a update of the extension when required and will add the url to the pdf ....

etcbbu · Post by **etcbbu** » Tue Jan 10, 2012 2:55 pm

Is this compatible with WB8?

And where is the download link for this Extension?

etcbbu · Post by **etcbbu** » Tue Jan 10, 2012 3:22 pm

Actually, now that I am reading the updates on the first page of this topic:

http://wysiwygwebbuilder.com/forum/view ... 42&t=21331

And then also reading on two of Google's web-pages:

1) http://code.google.com/apis/maps/signup.html

2) http://code.google.com/apis/maps/docume ... avascript/

Now I'm wondering: do we even use an extension to use Google Maps in WB8 anymore? If we do, I used an older version of the Maps extension that you made, BaconFries, but now I am wanting to make sure I have the newest version of the Google Maps Extension, if we are still to use one. Where is the download link for it?

BaconFries · Post by **BaconFries** » Tue Jan 10, 2012 4:06 pm

The Google map extension available does use API v3 it also does not require you to insert a API Key as previous versions of the map...this is documented in the very first post oif the extension. So the urls that you pointed me to are exactly what the map has been using since 07/06/11 it was origibally made for version 7.x.x but it will work it WB8

From the first page

This version of the google map was built with Extension builder 2.6.0 and is for WB 7.x.x
Google Maps Javascript API Version 3
"I ask that all users update to this version of the extension as Google maps v2 official Javascript API has been officially deprecated as per Googles deprecation policy."
Please note that this is no longer a translated version but a total rebuild of the map using the latest API.

The Google Maps Javascript API lets you embed Google Maps in your own web pages. Version 3 of this API is especially designed to be faster and more applicable to mobile devices, as well as traditional desktop browser applications.

etcbbu · Post by **etcbbu** » Tue Jan 10, 2012 4:30 pm

Ok, thanks, BaconFries.

But now I am wondering where the download link is for the extension? I tried going to:

http://wysiwygwebbuilder.com/extensions.html

But I am not seeing it there. Here is a screenshot of the "Google Map" extensions I have that are, I believe, hold-overs from previous versions of WB I had, and I am not sure if I have the most current Google Maps extension or not. AND I am not sure which one is yours, BaconFries, because I think I downloaded one or more that were other Google Map extensions. Here's an image:

http://www.ktravisj.com/googlemapextensions.png

BaconFries · Post by **BaconFries** » Tue Jan 10, 2012 5:13 pm

Download For Web Builder 7.6.3 and Higher/Extension Builder 2.6.0 avaiable in Extension Manager under Miscellaneous>Google Maps APIv3

etcbbu · Post by **etcbbu** » Tue Jan 17, 2012 7:20 am

BaconFries wrote:Please ensure that you are uploading all files to your host/server, it seems that you are missing the googlemap.html, if this isnt on your host the pop up wont display it ...the way it works is like this:

The map is displayed in a iframe on that page that you have inserted it on, this means that there will be two HTML pages, one for the page the extension is on. and another for the map HTML (googlemap.html) itself. So If you add a text link to one page and are calling the map from another page then there will be now 3 HTML files that you are needed to make it work

1. HTML page for the text link
2. HTML page you have the map extension on this contains a iframe with the map HTML.
3. And finally the maps HTML page itself googlemaps.html

I have made a example wbs to show this that will include all three html pages required to make it work.

I've opened the sample wbs file you made, and so it's a little clearer on how it all works.

However, I'm still unclear as to how we actually create the googlemaps.html file. Is this something we create? Is it some sort of file you get form Google's system somehow by entering a query of coordinates for a given latitude/longitude or whatever..?

The address I'm trying to get to work on Google Maps is

1155 NE 28th Street Fort Worth TX, 76106 (in the United States)

Its latitude and longitude coordinates are

32.7952027
-97.3400177

respectively.

This is the page of my WB8 website on which I am just trying to place 3 Google Maps that show this address:

http://willbanksmetals.com/contact.php

But I'm obviously missing something. Here's how I've configured the "Google Maps V3 Properties" on my page there:

What am I missing? I'm pretty sure it's something with googlemaps.html . I've not uploaded anything else for it beyond just entering those coordinates in my "Properties" of my Google Maps V3 Properties.

etcbbu · Post by **etcbbu** » Wed Jan 18, 2012 6:33 am

Just wanted to give this topic a

*bump*

to get some insights on how this all works.

BaconFries · Post by **BaconFries** » Wed Jan 18, 2012 11:54 am

Please try not bump a question... I will always try to answer any questions related to my extensions as quick as possible...but I do have a life away from the forum..

I have tried the lat and long that you gave with a icon and it works for me...

texasmap.jpg

To use the extension just drag & drop to the page you wish it on, to obtain the lat&long cordinates visit one of the following urls and enter the details of the location that you wish to be displayed in the map, then enter into the lat and long properties

http://www.getlatlon.com/
http://backups.nl/geocoding/

maplatlong.jpg

The zoom level is just to show the ariel view distance the will be shown of the location the smaller the number the closer the ariel view will be to the location view on the map

zoom.jpg

If you wish to use a maker to show the position of thr location of the lat7long you can use this, you can use your own image(png) or you can download a premade selection from the following

Download link for Map markers ONLY this does not contain the extension.
http://www.mediafire.com/?6e9w1bt2mm22cu9

mmarker.jpg

If you wish to use more than one map in your site then you will need to give each map its own unique name, this is so that you do not override any other map/s that you have already created with the extension. The extension will create the googlemap.html for you or if you require more that one you would nename this to Example:googlemap1.html or mylocation.html or wearehere.html...or what ever you wish....aslong as each map used has its own unique name.....

googlehtml.jpg

etcbbu · Post by **etcbbu** » Wed Jan 18, 2012 3:28 pm

*Sigh* well, I'm an idiot. (That should be news to nobody, by now). I had the latitude and longitude backwards *facepalm*. I made that SAME mistake the FIRST time I used previous version(s) of your extension, too.

Thank you BaconFries--your abilities are humbling to me. You do such a great job.

BaconFries · Post by **BaconFries** » Wed Jan 18, 2012 3:39 pm

lol ....it is the simple things that catch us ALL out even me trust me I get caught out many times

glas it working as it should for you now...

etcbbu · Post by **etcbbu** » Tue Jan 24, 2012 9:48 pm

Hey BaconFries, wanted to ask you something about the Map.

It's working very well for me, but I wanted to ask you about something.

Here's the page where my 3 maps are located:

http://willbanksmetals.com/contact.php

Any idea why my little red pointer isn't showing up? I know that when I first put up this extension, the pointers were showing up and everything. Both me and my client noticed that, early on. But for some reason, they are either not showing up now, or they *do* show up, and just take a long time to load.

http://s393104911.onlinehome.us/red-dot.png

Any ideas no how to ensure they will load, and then ensure they load faster..?

BaconFries · Post by **BaconFries** » Wed Jan 25, 2012 2:24 pm

Ok please ensure that the image/pin that you use is saved as a websafe format, second when using the image insert the shadow.png along with image /pin you wish to use and se if that helps.

etcbbu · Post by **etcbbu** » Fri Jan 27, 2012 7:20 pm

Working absolutely great now, sir:

http://willbanksmetals.com/contact.php

Thank you AGAIN!

--etcbbu

etcbbu · Post by **etcbbu** » Mon Jul 16, 2012 2:08 am

Any idea why this instance of Google Maps isn't working for me? I copy/pasted it from one of my other .WBS project files, and then just changed the Longitude and Latitude values to this new address, and then changed some of the names:

http://ktravisj.com/alex/contactus.php

Just doesn't seem to display..? Whereas, the web-page that DOES display the Google Maps instance from where copy/pasted works fine, it's here:

http://willbanksmetals.com/contact.php

--etcbbu

BaconFries · Post by **BaconFries** » Mon Jul 16, 2012 10:39 am

Why did you not simply just use the extension again instead of copy and pasting from another project? I have looked at both urls and the clue/answer is in the naming! one url is poiting to a folder were one isnt! try placing the googlemap.html in the relevert folder and it should work

<iframe style="position:absolute;width:300px;height:300px" src="googlemaps.html" scrolling="no" frameborder="0"></iframe>

<iframe style="position:absolute;width:300px;height:300px" src="alex/googlemaps.html" scrolling="no" frameborder="0"></iframe>

etcbbu · Post by **etcbbu** » Tue Jul 17, 2012 6:54 pm

Thank ya thank ya!

Rebel Studio · Post by **Rebel Studio** » Fri Oct 26, 2012 12:35 pm

I must be missing something but where is the link to the extension cause in your first message i only see a link for pins?

BaconFries · Post by **BaconFries** » Fri Oct 26, 2012 3:15 pm

No your are not missing anything, the extension can only be downloaded and installed via the "Extension Manager" for users of WYSIWYG Web Builder 8 and higher. Also note if you have any questions related to this extension, then you should post it at this thread, were if I can answer it I will.

Vlastimil · Post by **Vlastimil** » Sun Oct 28, 2012 8:23 pm

BaconFries wrote:No your are not missing anything, the extension can only be downloaded and installed via the "Extension Manager" for users of WYSIWYG Web Builder 8 and higher. Also note if you have any questions related to this extension, then you should post it at this thread, were if I can answer it I will.

I Install this extension using "Extension Manager" in WYSIWYG Web Builder 8.5.1. I get standard message "Installed", all files is in directories. But I don`t show this extension in Extension list. Where can I find this extension to use this?

BaconFries · Post by **BaconFries** » Sun Oct 28, 2012 8:39 pm

Do you have a registered version of the program? the extnsion can only be used if you are registerd! I have just installed the extension and it intalls without ant issues.lease read the following urls and as you can se from image it is installed ok with myself... Have you tried resetting the Toolbox? if not please try this as this usually rectifies this

mapext.gif

viewtopic.php?f=10&t=7234
viewtopic.php?f=10&t=50825

Vlastimil · Post by **Vlastimil** » Sun Nov 04, 2012 2:33 pm

BaconFries wrote:Do you have a registered version of the program? the extnsion can only be used if you are registerd! I have just installed the extension and it intalls without ant issues.lease read the following urls and as you can se from image it is installed ok with myself... Have you tried resetting the Toolbox? if not please try this as this usually rectifies this

viewtopic.php?f=10&t=7234
viewtopic.php?f=10&t=50825

Yes, of course! I have official registered last version, other extensions I install and view this in menu.
I reset the Toolbox and check files in WWB User directory - i have instaled googlemapswb7.6.jpg, googlemapswb7.6.pdf and googlemapswb7.6.wbx and googlemapswb7.6.zip in download directory. But situation stay the same.

.

BaconFries · Post by **BaconFries** » Sun Nov 04, 2012 3:48 pm

I am sorry, but I cant explain why it is not showing in your copy, as you can see from the screenshot it is showing as it should with my copy. Please try the following, remove the extension using the extension manager,close WB, reopen WB and install the extension again, then let me know.

Vlastimil · Post by **Vlastimil** » Sun Nov 04, 2012 4:08 pm

BaconFries wrote:I am sorry, but I cant explain why it is not showing in your copy, as you can see from the screenshot it is showing as it should with my copy. Please try the following, remove the extension using the extension manager,close WB, reopen WB and install the extension again, then let me know.

I delete all extensions and rename extensions and download directory in WWB user system directory.
Then restart, install only Google Maps and the same - I don`t show Extension menu and any extension,
If I install next extensions I see this Extensions.

BaconFries · Post by **BaconFries** » Sat Nov 10, 2012 12:04 am

*** Update 09/11/12***
Extension has been reloaded into Extension Builder 4.0.1 and rebuilt extension can be found in the Extension Manager for users of WB8.5.1

updategmapv3.jpg

Vlastimil · Post by **Vlastimil** » Sat Nov 17, 2012 10:10 pm

Thanks, I update to new version 8.5.2 and install GoogleMaps, I see now this in Extensions.

JimmyJazz · Post by **JimmyJazz** » Fri Jan 18, 2013 12:04 pm

Hi Baconfries,

I just upgraded to version 8.5 Web Builder

If I upgrade to the latest version Google maps how will that affect the maps on sites created in V7 web builder?

On my website I have 60+ maps on many different pages, will I have to re-input all the info or can I just upgrade to latest map version & all the old maps will automatically work when I load the site in V8?

BaconFries · Post by **BaconFries** » Fri Jan 18, 2013 9:18 pm

If I upgrade to the latest version Google maps how will that affect the maps on sites created in V7 web builder?

It shouldnt have any effect, the extension was only updated with the latest version of the builder as it was found some userscouldnt instal the extension in WB8.5.

On my website I have 60+ maps on many different pages, will I have to re-input all the info or can I just upgrade to latest map version & all the old maps will automatically work when I load the site in V8?

Good question, this has never been asked. I would make a full backup of your project saving a copy of the previous extension, then just try this on a single page before doing it to all pages. I cant say for definate but all should be ok, I have also renamed the extension so you will need to remove all prvious versions before youe...thia is mention nat the start of thread.

JimmyJazz · Post by **JimmyJazz** » Wed Jan 23, 2013 12:48 am

Hi Baconfries,

fyi.....I have to re-input the old map data as it does not seem to recognize the old version (yes I did remove the old Google maps before installing)

Actually this is not such a big deal as I'm undergoing a site re-design so re-inputting the map info is not a big issue at this time.

JimmyJazz · Post by **JimmyJazz** » Sun Feb 10, 2013 6:43 am

Hi Baconfries,

I noticed that when embedding this map extension in jquery tabs the maps do not load correctly in Firefox & IE. They load perfectly well on Chrome, Safari & Opera.

If the extension is displayed on the 1st tab then it loads ok, it is only when the map is displayed in a tab that is not initially on display that this problem occurs.

See here:

http://www.spy.my/johor/Thistle-Johor-Bahru.html

Ok, this is using the old version of the map extension. But I'm currently re-designing the whole website & I found this same problem also occurs in the latest version. On the above page example if you drag the map down & right you can see the actual location.

Is it possible to rectify this in 'object HTML' then placing some code into custom style?

From what I read on the web wirh regard to jquery tabs, the map is not called on page load because it is inside a tab, but then the tab is opened it is not calling the map correctly.

I don't know if that makes sense because I'm no expert on this coding stuff, there's quite a bit of info on stackoverflow:

http://stackoverflow.com/questions/6103 ... query-smth

Please Advise

BaconFries · Post by **BaconFries** » Sun Feb 10, 2013 2:35 pm

At the moment I cannot advise you on this as I do not have any access to PC/Laptop to test why this is happening. You probably wondering how I am replying then, simply using my phone, as soon as I can I will try and answer.