[rz] Styled gMaps *** UPD 2019-Dec-30 ***

[RZ] · Post by **[RZ]** » Sun May 03, 2015 5:11 pm

[rz] Styled gMaps v1.0.2.2

Beautify your contact pages with one of the most customizable yet lightweight solutions available.
This extension is a gateway to the Google Maps service that allows you to have maps that fit your design colors.

Some features:

- Responsive.
- Multi-addresses supported.
- Every element on the map has its own customization.
- Map controls configuration.
- Optional: Multiple custom images for the markers.
- Tooltips and info windows for the markers.
- Multi-instance.
- Highly-optimized markup output code.
- Maximum compatibility.

...and more!

HTML 4.01 Transitional
W3C compliant

* New in version 1.0.2.2

- Infowindow: Improved caption and content alignment.

* New in version 1.0.2.1

- Resolved a resize/relocation sporadic issue on older browsers and/or slower platforms due to changes in the Google's API.
- New five built-in styles.
- Minor code tweaks.

* New in version 1.0.2

- Predefined styles; 15 built-in elegant styles included to make the instance even easier and quicker to setup.
- Minor markup tweaks.

* New in version 1.0.1.1

- Handling gestures modes; improves navigability on mobiles (prevents collisions when dragging the page and/or the map).
- Clickable icons option; specifies if map icons are clickable or not (usually a POI is a clickable icon).

* New in version 1.0.1

- Addresses: Resolved a bad parameter conformation in case of using the default address marker.
- Infowindow: Improved optional image styling.
- Infowindow: Improved optional 'read more' button styling.
- Infowindow: Improved optional framework styling.

* New in version 1.0.0.9

- Improved code to avoid 'may be blocked code by browser on poor network connectivity' message on Chrome 52+.
- Improved [missing] API key handling on testing environment.

* New in version 1.0.0.8

- Optionally, an infowindow can have a custom subtle framework to differentiate the own addresses from the other map information elements.
- API key supported for professional productions, avoiding the "missing key" console warning (not relevant during development stages).
- Standard or secured connection modes.

* New in version 1.0.0.7

- Optionally, an infowindow can automatically be opened once the map has been loaded.

* New in version 1.0.0.6

- Address markers can also have links (besides the infowindow).
- Improved target handling.
- Improved startup on advanced scenarios.
- Improved compatibility with [rz] Adaptive Framework, [rz] Stretch Layers and [rz] Block Framework.

* New in version 1.0.0.5

- Optional size definition for the custom image in markers to allow a better implementation on Retina-based devices.
- Optional size definition for the infowindow image to allow a better implementation on Retina-based devices.

* New in version 1.0.0.4

- Additional workaround for refresh/startup issues on slower devices and heavy/advanced pages.
- Optionally, also an external styles editor or a code generator can be used (like mapstylr.com or snazzymaps.com; maybe others as well) and just copy-paste the resulting code within the extension (see 'Elements: resource' category).

* New in version 1.0.0.3

- Fixed an alignment issue in different breakpoints (when using an instance within a layer).
- Improved backward support.

* New in version 1.0.0.2

- Horizontal and vertical offset for the main/first address centering.
- New default values based on the new style of the Google Maps elements.

* New in version 1.0.0.1

- Filter control feature filters different areas of a multi-addresses map.
- Common addresses for different areas are supported and managed by the filter control.
- Highly customizable to fit the design scheme.
- Improved infowindow.

DEMO

How to use?

1. Drag and drop a layer and optionally make it resizable (via relative sizes or breakpoints).
2. Drag and drop the [rz] Styled gMaps within that layer.
3. Open the extension properties dialog and setup the colors you want for the desired map elements.
4. Optionally, select the controls you want them visible on the and setup their position and appearance.
5. Enter the address(es) you need and, optionally, the custom images for each address.
6. Preview or publish.

How to make a "full-screen" map?

1. Drag and drop the extension in the workspace.
2. Set it up as usual.
3. Preview or publish.

Enjoy!

zinc · Post by **zinc** » Sun May 03, 2015 5:31 pm

RZ, Hats off!!!! A very very important and a MUST HAVE extension that WWB has needed for a long time for those professional sites! Well done!

[RZ] · Post by **[RZ]** » Sun May 03, 2015 5:43 pm

thank you!

[RZ] · Post by **[RZ]** » Thu May 21, 2015 8:10 pm

* New in version 1.0.0.1:

- Filter control feature filters different areas of a multi-addresses map.
- Common addresses for different areas are supported and managed by the filter control.
- Highly customizable to fit the design scheme.
- Improved infowindow.

haakoo · Post by **haakoo** » Fri May 22, 2015 9:56 pm

Getting a geo_error while trying to acces the demo page

[RZ] · Post by **[RZ]** » Sun May 24, 2015 5:22 pm

weird, no errors here...

zinc · Post by **zinc** » Sun May 24, 2015 5:55 pm

No errors from here either.

FX3D · Post by **FX3D** » Sun May 24, 2015 6:18 pm

1st time opened in IE comes up with geocode error

"OK" this twice to cancel the error then it loads ok

Firefox opens OK
Chrome opens OK

[RZ] · Post by **[RZ]** » Sun May 24, 2015 6:26 pm

i tried 10 times in ie
only the first time i saw the geo-code error
really weird

anyhow i will improve it in the next update ( very soon

)

[RZ] · Post by **[RZ]** » Sun May 24, 2015 7:47 pm

the issue should now be solved
thanks

[RZ] · Post by **[RZ]** » Thu Oct 15, 2015 7:14 am

* New in version 1.0.0.2:

- Horizontal and vertical offset for the main/first address centering.
- New default values based on the new style of the Google Maps elements.

[RZ] · Post by **[RZ]** » Mon Nov 09, 2015 1:48 am

* New in version 1.0.0.3:

- Fixed an alignment issue in different breakpoints (when using an instance within a layer).
- Improved backward support.

[RZ] · Post by **[RZ]** » Thu Feb 04, 2016 10:38 am

* New in version 1.0.0.4:

- Additional workaround for refresh/startup issues on slower devices and heavy/advanced pages.
- Optionally, also an external styles editor or a code generator can be used (like mapstylr.com or snazzymaps.com; maybe others as well) and just copy-paste the resulting code within the extension (see 'Elements: resource' category).

zinc · Post by **zinc** » Thu Feb 04, 2016 2:00 pm

An amazing update!!! Thank you RZ for such a powerful & yet simple to use extension!!!!

[RZ] · Post by **[RZ]** » Thu Feb 04, 2016 2:03 pm

thanks for you kind words

[RZ] · Post by **[RZ]** » Sun Feb 14, 2016 1:58 pm

* New in version 1.0.0.5:

- Optional size definition for the custom image in markers to allow a better implementation on Retina-based devices.
- Optional size definition for the infowindow image to allow a better implementation on Retina-based devices.

zinc · Post by **zinc** » Sun Feb 14, 2016 7:29 pm

Thanks RZ. This is the "de facto" Google Maps extension. Extremely comprehensive!!!!

[RZ] · Post by **[RZ]** » Sun Feb 14, 2016 7:31 pm

thank you for appreciate my work

[RZ] · Post by **[RZ]** » Wed Mar 30, 2016 8:50 pm

* New in version 1.0.0.6:

- Address markers can also have links (besides the infowindow).
- Improved target handling.
- Improved startup on advanced scenarios.
- Improved compatibility with [rz] Adaptive Framework, [rz] Stretch Layers and [rz] Block Framework.

[RZ] · Post by **[RZ]** » Sun Apr 17, 2016 2:47 pm

* New in version 1.0.0.7:

- Optionally, an infowindow can automatically be opened once the map has been loaded.

[RZ] · Post by **[RZ]** » Mon Apr 25, 2016 10:14 am

* New in version 1.0.0.8:

- Optionally, an infowindow can have a custom subtle framework to differentiate the own addresses from the other map information elements.
- API key supported for professional productions, avoiding the "missing key" console warning (not relevant during development stages).
- Standard or secured connection modes.

zinc · Post by **zinc** » Mon Apr 25, 2016 11:05 am

The most comprehensive google map extension for WWB !!! Nice one RZ

[RZ] · Post by **[RZ]** » Mon Apr 25, 2016 11:30 am

thank you for your kind feedback!

[RZ] · Post by **[RZ]** » Sun Sep 18, 2016 8:34 am

* New in version 1.0.0.9

- Improved code to avoid 'may be blocked code by browser on poor network connectivity' message on Chrome 52+.
- Improved [missing] API key handling on testing environment.

maxam · Post by **maxam** » Tue Nov 29, 2016 9:04 pm

How can I get this extension? Would be grateful to hear an answer

[RZ] · Post by **[RZ]** » Tue Nov 29, 2016 9:06 pm

thanks
extensions are sent upon payment (and after paypal confirms the transaction)
just visit the links you can find below this post on the signature

maxam · Post by **maxam** » Tue Nov 29, 2016 10:00 pm

I paid for 2 extensions. How can I download them?

[RZ] · Post by **[RZ]** » Tue Nov 29, 2016 10:01 pm

[RZ] wrote:extensions are sent upon payment (and after paypal confirms the transaction)

maxam · Post by **maxam** » Tue Nov 29, 2016 10:06 pm

Thanks!

[RZ] · Post by **[RZ]** » Tue Nov 29, 2016 10:06 pm

you are welcome

maxam · Post by **maxam** » Wed Nov 30, 2016 5:14 pm

Thank you, RZ! Got the stuff! just a quick question, where exactly in the options should I look for changing map color parameters?

[RZ] · Post by **[RZ]** » Wed Nov 30, 2016 5:29 pm

mainly, in properties / map / elements
please read carefully and in full the properties descriptions
if you have further questions please contact privately
hope this helps

maxam · Post by **maxam** » Wed Nov 30, 2016 6:04 pm

I can't see personal message option here...

[RZ] · Post by **[RZ]** » Wed Nov 30, 2016 6:05 pm

pls use the contact form in the shop site

[RZ] · Post by **[RZ]** » Wed Feb 01, 2017 12:39 pm

* New in version 1.0.1

- Addresses: Resolved a bad parameter conformation in case of using the default address marker.
- Infowindow: Improved optional image styling.
- Infowindow: Improved optional 'read more' button styling.
- Infowindow: Improved optional framework styling.

[RZ] · Post by **[RZ]** » Thu Apr 13, 2017 12:19 pm

* New in version 1.0.1.1

- Handling gestures modes; improves navigability on mobiles (prevents collisions when dragging the page and/or the map).
- Clickable icons option; specifies if map icons are clickable or not (usually a POI is a clickable icon).

zinc · Post by **zinc** » Fri Apr 14, 2017 3:49 pm

Thanks again for getting it done in time!!!

[RZ] · Post by **[RZ]** » Sat Apr 15, 2017 5:16 pm

thank you for your feedback!

[RZ] · Post by **[RZ]** » Thu Jul 20, 2017 9:27 pm

* New in version 1.0.2

- Predefined styles; 15 built-in elegant styles included to make the instance even easier and quicker to setup.
- Minor markup tweaks.

[RZ] · Post by **[RZ]** » Wed Jan 31, 2018 11:23 pm

* New in version 1.0.2.1

- Resolved a resize/relocation sporadic issue on older browsers and/or slower platforms due to changes in the Google's API.
- New five built-in styles.
- Minor code tweaks.

Starb7 · Post by **Starb7** » Tue Feb 26, 2019 4:36 pm

[rz] Just in case you didn't know, the DEMO isn't working. Google can't show the map. Cheers

zinc · Post by **zinc** » Tue Feb 26, 2019 4:46 pm

Starb7 wrote: ↑Tue Feb 26, 2019 4:36 pm [rz] Just in case you didn't know, the DEMO isn't working. Google can't show the map. Cheers

This has nothing to do with the extension. Google now requires you to obtain an API key which you can get from Google.

Starb7 · Post by **Starb7** » Tue Feb 26, 2019 5:28 pm

Noted - is this a key that you should have on your site for it to work? Cheers.

[RZ] · Post by **[RZ]** » Tue Feb 26, 2019 6:40 pm

yes
google changed the t&c since long time ago

[RZ] · Post by **[RZ]** » Mon Dec 30, 2019 5:18 pm

* New in version 1.0.2.2

- Infowindow: Improved caption and content alignment.