www.wysiwygwebbuilder.com

This extension is based on the Snazzy Maps repository of styled Google Maps using the Google Maps JavaScript API v3 code.

A simple utility to allow you to style a Google Map to suit your website design and colour scheme or to use any of 24 pre-set styles.
Demo.

NOTE:
[a] You are required to set up you own API key via the Google Developers website. It is not difficult and is entirely free - but without your own API key the extension will not work.
This is a simple extension - but read the help PDF before you ask for support and take the time to understand how the wizard works as I will not be giving support on the wizard!

Have fun

Magic Paul !!!! I have been looking for this for a long time!!!! Thank you!!!!

Consider it my Christmas present to you and all other WWB users

Paul I am unable to locate it in EXT MGR.

bendigo wrote:Paul I am unable to locate it in EXT MGR.

Try now. Let me know as I continue to have problems with the extensions uploads.

Adendum wrote:

bendigo wrote:Paul I am unable to locate it in EXT MGR.

Try now. Let me know as I continue to have problems with the extensions uploads.

Paul, you seem to have packaged the project file (XWB) instead of the complied extension.

Geeze...I'm so rusty!

OK, problem fixed - try again!

TNX for your update mail Paul, list is updated:)

Paul;

Great stuff! I have now used it for an upcoming site. However the only snag is, unlike BF's version of GMaps, it does not let me add a Pin for the exact location. A very welcomed feature request if at all possible.

Thanks gain.

Send me an example of how the code looks for a Google Map with a marker and I'll see what I can do. e.g. the html and/or the JavaScript used.

Adendum wrote:Send me an example of how the code looks for a Google Map with a marker and I'll see what I can do. e.g. the html and/or the JavaScript used.

Just emailed you.

Bendigo,

Bacon's extension (if that is what you used in the NLS site) uses an iFrame and I assume embedded code taken from the Google Map site. Snazzy Maps is using API and JavaScript to create the maps. So as far as I can tell it's a quite different approach.

However I'll take a look again at the API documentation and see what I can find in there....must be something.

Anyone else who has been there and done that please feel free to help me shortcut this!!

I stand corrected

And I also have made some progress with a standard Marker but I am 100% sure that won't be enough, so I am looking at all the options including custom marker icons, animation and a few other extras!

Blame Bendigo!

Paul, that's great. I look forward to it. Thanks again.

v1.0.0.1 released
1. Removed width and height setting and replaced size requirements with the size of the drawn extension.
2. Added map marker facility with animated bounce in. Marker image is customisable and I have provided a sample set that can be downloaded from the revised demo page.
3. Added info text box when marker clicked.
4. New demo page.

BEWARE - The new Info Box uses the standard WWB Rich Text editor and the code does not like carriage returns SO DO NOT HIT THE ENTER KEY when entering your Info Box text.


@Bendigo - I expect to see a really sexy NLS page within the week!!!!

I LOVE IT Paul!!! Just what the doctor ordered.

This extension is not for NLS. That site was designed by the client, I only built it for them, that's why you dont see my signature work/style

Will send you a link to the site that does use your extension as soon as it is feature complete.

Thanks once again.

BTW, when you get chance, check out the email I sent you.

Paul;

There seems to be no option to define a font style (Font Family) for the header which is a shame. Could please consider adding this?

Otherwise great stuff!!!!

B

It's set to your <h1>.

Adendum wrote:It's set to your <h1>.

I am talking about font name. Can that not be changed?

Not following you...

If you set the H1 font in WWB that is what Snazzy Maps is using - so you can have any font you want, as long as you set it within WWB.

Adendum wrote:Not following you...

If you set the H1 font in WWB that is what Snazzy Maps is using - so you can have any font you want, as long as you set it within WWB.

Wouldn't have been easier if you allowed the user to choose font? The size can remain <H1>

You'll have to live with it for now - I have a life besides extension building.

LOL OK Mate.

v1.0.0.2 released.

Infobox heading font options added - instead of using your site design's <h1> tag you now have to set font-family, size and color.

Smashing Paul!!!! Thank you so much. Will email you a link to see what I have done with it so far.

Now - This is only a suggestion NOT a request. How about an option to have the map full screen?

WoW!!!!
Thanks!!!!
Joe

v2.0.0.0 released.

Warning - this is a major update with a significant re-write of the extension and code it generates. You are advised to record the content used in earlier versions of the extension before updating as a considerable number of the properties have changed as well as new properties added.

New features:
1. Multiple locations.
2. Link to get directions to location.
3. Info Window Image now a simple property.
4. Info Window text simplified.
5. Full screen or browser width and height capable.
6. Ideally suited for use with the new Breakout extension.

Four new demo pages now available and a new help file written.

There will be NO FURTHER development of this extension other than bug fixing. What you see is what you get, so please do not ask for additional features or options to change the current feature set.

Have fun with it.

Paul;

Here is nifty little feature based on the multi location.

Take a look at this site

http://projectfms.co.uk/project/blood/

I have not tried it with other browsers apart from FF and it is where it asks for your current location and returns the nearst addresses in relations to your given location. Something you might consider in the future version.

Z

Hi,
Why there are 2 white lines between the header and the address?
How can I change only the color of the header? (As in your site demo).

Thanks and compliments for your amazing extension....

Traco,


1. The heading uses whatever heading tag you have selected to use from your site's design. So if you use <h1> in the extension you need to modify the CSS values for <h1> in your CSS settings.

2. The gaps will only appear if you don't fill out the extension fields correctly - look at page three of the help file and you will see that each line is an individual field. If you don't fill them in you get a blank line also.

Thanks for the quick reply.

2. The gaps will only appear if you don't fill out the extension fields correctly - look at page three of the help file and you will see that each line is an individual field. If you don't fill them in you get a blank line also.

I did This.

Thanks

Not sure what is happening here.

[a] try removing the apostrophe in the location name and see if that does anything.

if not I'd need to see your project to be able to dig deeper.

Hi Paul not hijacking this butvtry bthe following

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

[a] try removing the apostrophe in the location name and see if that does anything.

I Tried..

if not I'd need to see your project to be able to dig deeper.

what do you need?
wbs file or generated HTML?

Thanks

1. Open your project and SAVE AS a new name.
2. Delete all the pages except for the Snazzy Maps page.
3. Go to assets and delete all the unwanted files.

That will leave you with a nice and small .wbs with the new name and a matching folder that contains only the images used in that page.

4. Zip up the .wbs and folder
5. Email me from this page and I will email you back so we both have email addresses.
6. When you get my email response you can send the zip file.

I am going to need someone else's thoughts on this one because I am now officially confused.

Traco has sent me his project. Nice and simple, one address in the extension. When I preview it I get the same results as he does - extra lines after the location heading.

When I copy the extension from HIS project into MY project and then preview it is perfect - no line spacing. When I copy MY extension from the demo project and preview in HIS project I get the two extra lines. So clearly there is something different in the settings of his project compared to mine. It can't be different settings in WWB otherwise I would be getting good and bad results. And here's why I am confused.......I have replicated all the page settings used in my demo in his project page but it makes no difference.

So what else could cause this kind of discrepancy?

Oh and for the record if I create a new project and manually enter all the same data as Traco's and preview I see everything as I would expect.

With permission of course (traco) if you want to send it to me Paul and I will take a look...

With permission of course (traco) if you want to send it to me Paul and I will take a look...

No problem for me if it can 'help solve the issue.. Thanks

@Bacon,

Glad to have you on board fella. I'm lost for a cause let alone a solution.

Ok not hijacking here... One issue or explanation to why the map may not display is this it uses javascript, now if you do not have javascript enabled in your browser then it will fail to open as it is ment. If you cannot preview in WB then you may ticked the checkbox Disable IE security warning during preview. You will find this setting in Tools->Options->Publish&Preview->Preview simply uncheck this and try again. If it still doesnt display then you will need to enable javascript to run on your PC, if you are not using IE, then you will again need to allow javascript to run in what ever browser you use, note this is nothing to do with the extension in anyway it is a PC or browser setting required to run the script...

Wow!

@Adendum and @ Bacon

After dozens of attempts I solved it this way:
I created a new project
I imported the old project into the new project (import page from a other project)without the extension I added snazzy and put all settings
The problem is' solved ..! I'm confused but happy .. thanks for your support ...

Ps
The same page in old project stil has the problem

Adendum,

Thanks a lot for this extension! Really great

I have a question please: in your demo page, the info window appears different than the extension generates:
1. There is a space from the top of the window to the heading text, and a big space between the heading text and the address.
2. The heading text in your demo has a different color. I know it is all about styling, but could you please provide a sample project just like the one in your demo site? Or maybe some hints?

Thank you

p.s.: I included a link of an image of how the info window is generated by the extension.


---------EDIT---------
Ok I got it
Thanks a lot

lol, glad I could 'help'.

Hehe

Well, I have a suggestion, and I believe it will be very useful:
In the Map Options -> Heading Size, if this option can be editable it will give the flexibility for users to style the header the way they want. In Style Manager, I had to change the font, color, size and other stuff to make it appear the way I want, AND I had to make a copy of H4 (as an example) to save it as a backup so I don't lose its original values. So, if this option is editable, I can put H4_map, and in the Style manager I can make this H4_map and style it the way I want.

Hope I made sense in my suggestion

Thanks Adendum

sorry for the dum question but how can I download the extention?

Same as any other extension - in WWB Tools>Extension Manager and install from there

Hi,

Snazzy Maps extension has stopped working.
Most of my published sites return the following error when consulting the page containing the map:

"This page was unable to display a Google Maps element. The provided Google API key is invalid or this site is not authorised to use it. Error Code: InvalidKeyOrUnathorisedURLMapError"

API code maybe?
Apparently mine is still valid as oddly enough one site's map still works.

Referrers?
Added the domain names (and its derivatives) to Google Developers Console. To no avail...

WWB version?
Also been checked. It's not that.

What could this be?
Anyone come across this yet?

Thanks.

Had the same problem a while ago. Applied for a new API key and it worked again.

Thanks.
I will do the same.

You obviously had to go through all your sites, fill in the new API and republish them, right?

Regards.