Doubts about creating a new map

Ooohh, it works perfect now!!!

Thank you so much hupe, and will you develop zoom when click on marker? Put it on the whishes list haha

Thanks again! You can mark as solved the post.

Well, last doubt:

• When I go to the page, I see in Console (Chrome): DevTools failed to load source map: Could not load content for https://mydomain.es/wp-content/uploads/leaflet-plugins/geosearch/geosearch.umd.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
• This page doesn’t exist (I don’t know if it affects something, but the correct URL is: https://mydomain.es/wp-content/uploads/leaflet-plugins/geosearch/geosearch.umd.js (WITHOUT “.map”)

Have you done the preparation?

Sure!

I uploaded files in that path.

This is a map file, you can this switch of:

Open Developer Tools, go to “Settings” for Developer Tools, then uncheck Enable JavaScript Sourcemaps under the “Sources” settings.

Where must I to configure that? In the plugin?

Another doubt: I would like to create a new page, with some buttons, and when an user clicks a button, a map is displayed.

I have programmed a little of HTML and JS, you can see it in the page: https://test.cabreroehijos.es/pruebas-mapas/ (access password: test123), the problem is that when you click the button, the map is bad displayed.

Thanks.

Where must I to configure that? In the plugin?

https://www.google.com/search?q=How+do+I+disable+source+map+in+Chrome+Developer+Tools

Nice, solved!

zoom when click on marker

I don’t include the code in the plugin, but here is the code.

• This reply was modified 1 year, 3 months ago by hupe13.

Hello,

I have created a new page, with your code (performing a smooth pan-zoom animation.) but I don’t achieve have this zoom ??

Did you copy the code and insert it after the map? Do you have an url to your test page?

Yes, I have created a new page with your code:

https://test.cabreroehijos.es/testtiendas3/ (access password: test123)

Are you using a HTML block for the script?

Sure

This is not a HTML Block.

I don’t use Avada, but there is a video: https://avada.com/documentation/code-block-element/ . According to their description, this is what is equivalent to an HTML block in the standard editor.