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

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
User avatar
etcbbu
 
 
Posts: 507
Joined: Mon Apr 23, 2007 3:00 pm

Re: Google Maps API v3 ***Update 07/06/11***

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

Is this compatible with WB8?

And where is the download link for this Extension?
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
etcbbu
 
 
Posts: 507
Joined: Mon Apr 23, 2007 3:00 pm

Re: Google Maps API v3 ***Update 07/06/11***

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?
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
BaconFries
 
 
Posts: 4671
Joined: Thu Aug 16, 2007 7:32 pm

Re: Google Maps API v3 ***Update 07/06/11***

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.

User avatar
etcbbu
 
 
Posts: 507
Joined: Mon Apr 23, 2007 3:00 pm

Re: Google Maps API v3 ***Update 07/06/11***

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
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
BaconFries
 
 
Posts: 4671
Joined: Thu Aug 16, 2007 7:32 pm

Re: Google Maps API v3 ***Update 07/06/11***

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

User avatar
etcbbu
 
 
Posts: 507
Joined: Mon Apr 23, 2007 3:00 pm

Re: Google Maps API v3 ***Update 07/06/11***

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:

Image

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.
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
etcbbu
 
 
Posts: 507
Joined: Mon Apr 23, 2007 3:00 pm

Re: Google Maps API v3 ***Update 07/06/11***

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.
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
BaconFries
 
 
Posts: 4671
Joined: Thu Aug 16, 2007 7:32 pm

Re: Google Maps API v3 ***Update 07/06/11***

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

User avatar
etcbbu
 
 
Posts: 507
Joined: Mon Apr 23, 2007 3:00 pm

Re: Google Maps API v3 ***Update 07/06/11***

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.
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
BaconFries
 
 
Posts: 4671
Joined: Thu Aug 16, 2007 7:32 pm

Re: Google Maps API v3 ***Update 07/06/11***

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...

User avatar
etcbbu
 
 
Posts: 507
Joined: Mon Apr 23, 2007 3:00 pm

Re: Google Maps API v3 ***Update 07/06/11***

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
Image

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

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
BaconFries
 
 
Posts: 4671
Joined: Thu Aug 16, 2007 7:32 pm

Re: Google Maps API v3 ***Update 07/06/11***

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.

User avatar
etcbbu
 
 
Posts: 507
Joined: Mon Apr 23, 2007 3:00 pm

Re: Google Maps API v3 ***Update 07/06/11***

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

Working absolutely great now, sir:

http://willbanksmetals.com/contact.php

Thank you AGAIN! :)

--etcbbu
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
etcbbu
 
 
Posts: 507
Joined: Mon Apr 23, 2007 3:00 pm

Re: Google Maps API v3 ***Update 07/06/11***

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
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
BaconFries
 
 
Posts: 4671
Joined: Thu Aug 16, 2007 7:32 pm

Re: Google Maps API v3 ***Update 07/06/11***

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>

Post Reply