www.wysiwygwebbuilder.com

[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!

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!

thank you!

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

Getting a geo_error while trying to acces the demo page

weird, no errors here...

No errors from here either.

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

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 )

the issue should now be solved
thanks

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

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

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

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

thanks for you kind words

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

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

thank you for appreciate my work

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

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

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

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

thank you for your kind feedback!

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

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

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

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

Thanks!

you are welcome

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

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

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

pls use the contact form in the shop site

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

Thanks again for getting it done in time!!!

thank you for your feedback!

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

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

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.

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

yes
google changed the t&c since long time ago

* New in version 1.0.2.2

- Infowindow: Improved caption and content alignment.