Discussion on Responsive Styled Google Maps - WordPress Plugin

254 comments found

Hello, I just bought your plugin and when I wanted to use it in my theme, I’m getting this error:

Uncaught ReferenceError: google is not defined

It caused by this line http://d.pr/i/19QV8

I disabled all my plugins for checking if it not breaking any of my other plugins, but even if is enabled only your plugin the problem is same.

Can you help me please solve it? I tried it in default Fourteen theme and it’s working :-/

Default-user

I figure it out.

It was because of this in my functions.php

wp_deregister_script('jquery');
greenline

Hi David, thank you for your purchase, I’m glad it’s working now. For any questions, please feel free to contact me anytime. Regards

Hi – the responsive map is inside the main container for my site (which is 980px width). However, I’d to force extend it so it fills the width of the browser window when it expands. Is this possible?

greenline

You could include the CSS code in a file in the plugin, but when you’ll update the plugin in the feature, you’ll loose the custom CSS code.

Instead, the best way to do that is to add this code immediately AFTER the [res_map] shortcode, directly in the page or in the post where you are using it:

<style>
.responsive-map {
margin-left: 0 !important;
}
</style>

.responsive-map is the class of the div that holds the map.

nickmarshmac

Many thanks, will try this out. If I did want to put the css into a file, could you tell me where the best place is? I know it could get deleted if I update the plugin, but really wanted to exclude inline css as much as possible :-)

greenline

Inside the plugin’s folder: /wp-content/plugins/responsive-maps-plugin/includes/css/rsmaps.css

Hello,

Does this map plugin have clusters too?

greenline

Hi, no, unfortunately it cannot show clusters.

pling1 Purchased

Hi there, suddenly I’m getting a lot of 403 errors when trying to display the map. Also the map is not showing the correct loaction:

These are the errors

Failed to load resource: the server responded with a status of 403 (Forbidden)
http://maps.googleapis.com/maps/api/js/AuthenticationService.Authenticate?1…Fcamilla-malmquist.com%2Fcontact%2F&5e1&callback=_xdc_._h19ks1&token=39748 

Failed to load resource: the server responded with a status of 403 (Forbidden)
http://maps.googleapis.com/maps/api/js/GeocodeService.Search?4sDr%C3%B8bakgata%201%2C%200463%20Oslo&7sUS&9sno-NO&callback=_xdc_._i6jqad&token=23703 

Failed to load resource: the server responded with a status of 403 (Forbidden)
http://maps.googleapis.com/maps/api/js/ViewportInfoService.GetViewportInfo?…sno-NO&5e0&6sm%40290000000&7b0&8e0&9b0&callback=_xdc_._c67f36&token=112003

Any idea what is going on?

greenline

Hi,

The maps on my demo webite, http://yava.ro , seem to be shown fine, it means it’s not related to Google Maps API server or their API.

Perhaps you installed a new plugin on your website? Or perhaps you have modified the .htaccess file?

If possible, please send me a link to your page that contains the maps at greenline@yava.ro , I will have a look, thank you!

Default-user
pling1 Purchased

Thanks for the quick reply. I’ll send you an email.

Hello, can I use your plugin to display a fullscreen map as fullscreen background of a page created on a custom page template? Thanks in advance!

greenline

Hi, yes, you can use it to display a fullscreen map if you edit the custom page template and then, you only call php echo do_shortcode as explained in the documentation that comes with the plugin. Cheers!

Hello, I have little bit a issue with a your plugin. When I use it via shortcode in a page, it’s doesn’t work. It’s not showing up and in console there is a js error (see http://d.pr/i/17dQ8)

Undefined variable: markers in <b>/</b> Uncaught SyntaxError: Unexpected token

Do you have any idea why it’s not working? :-/

greenline

Hi David, in the code in your screenshot, I don’t see any address or latitude/longitude. At a fist view, I would say there is an error in the shortcode. Could you please send to me at greenline@yava.ro the complete shortcode you are using? I’ll try to reply immediately.

Thank you!

Default-user

Oh… I’m silly. Of course, there was a no marker… It’s working now, thank you ! :-)

(Wow, your answers was a so fast!)

greenline

Thanks for everything! And for the rating too! (I have notifications on my mobile, I try to provide fast replies and support)

But …you are right, I should handle the case when there is no marker/address given in the shortcode. I’ll add that to the next release, thank you for pointing this out!

Cheers!

bezierer Purchased

Hi I just purchased this and in the admin area when I’m customizing the map the shortcode doesn’t update with my settings and I don’t see an option to save the map? Please help!

greenline

Hi.

First, thank you for your purchase!

Also, there is no update option/button, this can be seen in any screenshot from the item’s page before buying: http://awesomescreenshot.com/0174fq5pe8

If it doesn’t update the map with your input, it can mean:

a) either that what you input in the “description” tex tarea is not properly HTML formatted, please make sure the tags in the “description” text area are properly formatted.

b) either there are are javascript/php errors in the admin area

I suspect it’s the a) case.

If you wish I can help with the map generation and settings (then you only have to copy-paste the result in your page) Just tell me what you need and I’ll just need then the admin login credentials (you can contact me also directly at greenline@yava.ro )

Also, at any time you think the item does not work as advertised on its page: http://codecanyon.net/item/responsive-styled-google-maps-wordpress-plugin/3909576 you can contact Envato support for a refund acessing this link: https://help.market.envato.com/hc/en-us/articles/202821460-Can-I-Get-A-Refund-

But I hope I can help and we can discuss more also at greenline@yava.ro as mentioned before. Thanks!

Default-user
bezierer Purchased

Thank you for the prompt reply! It’s working now. I think I was just in a hurry trying to meet a presentation deadline lol 5 stars!

greenline

I just saw the rating and the comment, thanks a lot! Have a successful presentation! Cheers!

ctay85 Purchased

Hi, I am using your plugin with Wordpress TwentyFifteen and I get “Uncaught TypeError: undefined is not a function”. I have tried deregistering Jquery just in cast it is registered twice, but that doesn’t seem to be the issue. Can you help me out? Thanks!

greenline

Hi, thank you for your purchase.

I have just tested 5 minutes ago the plugin with TwentyFifteen theme and everything is fine, they are compatible: http://awesomescreenshot.com/0694fu7fda

Could you please send at greenline@yava.ro the complete map shortcode you are using (the code will be ugly formatted here in the comments otherwise)?

Or at least a link to the live page containing the map? Thank you!

Maybe there is something wrong in the shortcode or there is a conflict with another plugin from the public WordPress repository you might have installed.

I’ll wait then for your email, I’ll try to reply immediately. Cheers!

Hi,

Please can you help. We put your map in the footer of the page.

http://hundehotell.com/

Is it possible that icon be hotel sign instead this marker. I think you made this in one of your examples.

Default-user

I found just one more question, can we add two icons on one position because on same adress are school for dogs that guided blind people and dog hotel. Thanks

greenline

Hi, thank you for your purchase!

To use a hotel icon, just open the page where the map shortcode is used and in the shortcode, put a link to the hotel icon, like this, replacing icon=”green” with this:

icon=”http://www.yava.ro/icons/hotel.png”

For the second question, theoretically putting two icons on the same location is not possible with Google Maps, but you can use this trick:

you can put two icons: one in the location you need and another one in a location very, very close to it (which is possible when you use latitude/longitude instead of the physical address). This is an example of how to this trick with the shortcode: http://yava.ro/test-78/

Also, for this trick, to find the latitude and the longitude of a point to use them in the shortcode you can use this page: http://universimmedia.pagesperso-orange.fr/geo/loc.htm

Please don’t hesitate to contact me again for questions or issues.

Can a user in WPMU login and add the name, address and comments. Can it zoom into a street view to the persons location Can it get the IP address shown to the admin only for the user as I record the IP address for logins

greenline

Hi, to answer your questions:

1) “Can a user in WPMU login and add the name, address and comments?”

I’m sorry, if you could give me more details, I’m not sure I understand the question :(

2) “Can it zoom into a street view to the persons location “

No, this plugin does not detect the user’s current location.

3) “Can it get the IP address shown to the admin only for the user as I record the IP address for logins”

No, the plugin does not detect users locations not it detects any IP.

Cheers

Beautiful, the plugin I was looking for. Just tell me please if I can put in the popup of the marker a text which is in another language (not English)? Thank you

greenline

Hi, yes, it’s possible, you can put a text in any language in the marker popup. Thanks for your interest!

You posted this “I am often asked how the popup window of a marker can be customized (background color, text color, etc).

The plugin can’t do that, but with a very simple CSS code added to your website, you can make creative maps as I did here, for instance:

http://yava.ro/test68/"

But I find this not to be the case now. Has things changed? I seem to have a 15px white box around the entire thing and the “X” minus button is now gone.

greenline

Hi,

That CSS I have put here is a custom CSS, not a standard one. It’s a customization that can be added and adjusted by someone, not something directly included into the plugin itself.

If it’s showing a 15px white box around, it means that there is a conflict with the theme’s CSS (the theme is overriding the map marker CSS)

Could you please tell me (here or in an email at greenline@yava.ro ) which is the link to your live page? I’ll help with the CSS conflict.

Kind regards

LATER EDIT: Oh, I’m sorry, I saw a new email, I think it’s from you, I did not recognize the username. I’ll have a look immediately.

greenline

Hi, apologies for my reply delay. I’ve tested the code in Firefox, Safari, Opera, Internet Explorer, Google Chrome and this would be the fixed, working CSS code for your case:

/* START COPY FROM HERE */
.gm-style-iw {
    background-color: #313131 !important;
    margin-left: -15px !important;
    position: absolute !important;
    bottom: 0 !important;
    top: 0 !important;
    min-height: 120px !important;
    width: inherit !important;
    text-align: center !important;
}
.gm-style-iw, .gm-style-iw a:active, .gm-style-iw a:hover, .gm-style-iw a:link, .gm-style-iw a:visited {
    color: #B74B50 !important;
}
div.responsive-map div div div div div div div div div {
    background-color:#313131 !important;
}
div.responsive-map img {
    max-width: none !important;
}
img[src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png"] {
    display: none;
}

/* END COPY CODE HERE */

Also, I don’t know where you are placing this CSS code, but you have an error if I look in your page source code:

you have 2 starting STYLE tags and also 2 ending STYLE tags (should be only one): http://awesomescreenshot.com/0834lcc06c

To fix that, when you copy the CSS code, don’t copy the style tags too.

greenline

This is the result: http://awesomescreenshot.com/0a34lccpa4 I hope it’s working for you too; it’s looking good….

I need to create a map showing 7 locations, every location with its own pin image, also I need to put HTML content in each pin and I also need to show the map in the footer (100% width). Do you think it’s possible with your plugin?

greenline

Hi, yes all of these are possible with this plugin.

You can show many locations, each having its own icon and HTML content.

And also yes, you can place the map in the footer having width=100% with the only condition that the theme’s footer has 100% width itself.

Cheers

Hello, this plugin looks amazing but before I buy it I would like to know whether or not I can upload my own custom marker? This is a bit of a ‘deal breaker’ as it is very specific to the design of the website.

I would be grateful if you could let me know Kind Regards Phil

greenline

Hi Phil,

Thank you very much!

You can upload your icon image in WordPress dashboard in the normal way: Menu -> Media -> Add New.

Then, in the map shortcode you’ll just use the full path (the link) to that newly uploaded icon image.

If you wish to see a sort of preview, I could create a preview with the address you indicate and your icon, if that makes it easier to see how it will look like.

Thanks again!

Default-user

That’s great-thanks very much for your prompt reply-definitely going to purchase this amazing plugin! Kind Regards Phil

by
by
by
by
by
by