www.wysiwygwebbuilder.com

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

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

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

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.

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

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

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

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

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

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

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

Hey BaconFries,

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

http://willbanksmetals.com/Contact

?

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

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

http://www.getlatlon.com/

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

Is this compatible with WB8?

And where is the download link for this Extension?

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?

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.

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

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

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.

Just wanted to give this topic a

*bump*

to get some insights on how this all works.

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

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

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

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

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.

Working absolutely great now, sir:

http://willbanksmetals.com/contact.php

Thank you AGAIN!

--etcbbu

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

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>

Thank ya thank ya!

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?

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.

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?

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

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.

.

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.

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.

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

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

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?

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.

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.

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

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.

Hi Baconfries,

Hey no worries, I'll check back in a couple of days then.

@JimmyJazz Ok I am back, I have just took a quick look at this, now when I add the jquery Tabs to a blank page and add the latest version of the extension using the lat&long already in the properties and just add two pins for images it seems to work as it should. One issue could be is that you are only setting the size of the map to 400px x400px instead of setting the size to fit the area of the Tab area that it is resting in. Another thing I also noticed is this, can you say what version of the jQuery Tabs are you using? looking at the source it looks like you are using a very old version of jQuery ie 1.4.2 were the version I am using is 1.7.2, on another note it may also be a conflict with the discus script that your using. As I have said I have just quickly looked at this, what I would ask is this, try inserting a jQuery tabs on a blank page insert the map extension and see if it still gives this and let me know...as always I will do what I can to assit.

Hi Baconfries,

jquery is same as yours 1.7.2 (live site maybe older version as when it was installed but the issue is still exactly the same)

I tried what you suggested & created a new page & placed some text on 1st tab & a map inside the 2nd tab without any html boxes or disqus & found the following browsers rendered the page:

chrome - success
IE 8 - success
opera - success
safari - success
firefox v18 - failed

I made the map 95% the tab width & the icon still does not display in FF (i must drag down to the right)

I'm unsure if this is connected, but, I also found that Disqus does not work on firefox when nestled inside jquery tabs

Just wondering, were you able to replicate (on ff) the issue I described?
What version ff & was it success?

Good morning, has anyone had this problem? Note the map icon image and the shadow, and the strange behavior with the zoom...

Wysiwyg builder ver. 8.5.4
Extension: google maps v3 (recent version)

Right latitude and longitude:
Results:
Tested with Chrome, Safari, Firefox, IE.
Do you know if Is there a problem with Google Maps?

The old "google map street v.3" still works fine!

Thanks a lot...

@JimmyJazz I will need to look at this further, on testing the map with the jQuery Tabs you can insert the map in the first with no issue it on on inserting in the second that it loses focus. If needed i will contact Pablo asking for his input to maybe why you can use on thr first and not others.