Camille V

Oh and be careful,

I uninstalled Falang and it broke all my images. All my markers are now erased, so there is an error now with my shortcode.

I had to re-install everything and set my markers again with new markers images.

Dear Rob,

I tried to install Falang on my development site.

I am sorry to say, but I can’t even translate a page, I see errors everywhere (front-end and back-end) because I have ‘WP_DEBUG’ set to true.
I am using the default wordpress theme.
Even without Travelers map shortcode, I can’t find a way to make it work and translate a single page. It seems that my translations are not even saved.

I am developing Travelers Map on my spare time (which I don’t have at the moment) for free. I am afraid I can’t support all translation plugins compatibility. Moreover, Falang has only 40+ active install yet, so that would not be useful to many people.

However, Travelers’ Map is compatible with WPML (premium) and Polylang (free or premium), two major multilingual plugins, I suggest you try one of those ??

Kind regards,
Camille

Dear @doomdaysam,

As stated in the shortcode helper page:

Any valid CSS unit is accepted, although px and vh are recommended. Exemple: 500px or 25vh

You should state the unit for your width and height ??
So, your shortcode must be [travelers-map width=300px height=300px init_maxzoom=1]

Then, the loooong div with bottom and top space empty, with a grey background, is simply because the map is zoomed out, and is smaller than the div. If you set the initial zoom to 1 and if you have a square container, you will have grey borders because the earth map is not a square ??

Dear Kay,

This is a feature I planned, however I don’t have the time right now.
My idea was to show a map legend with all the markers types, filtering the markers on click.

In the meantime, I can advise you another solution, using archive pages with this new shortcode parameter (from the last update): [travelers-map current_query_markers=true]

As an example, I use this on my categories’ archives pages: Japan or France

It’s what you want without the asynchronous loading, meaning the user has to load another page to view the filtered markers.

Have a nice day,
Camille

Dear @crispyste,

Sorry for the late answer.
Travelers’ Map is using Leaflet Marker Cluster for its clusters. This library let the user customize the clusters, but only with a CSS class.
Meaning users of Travelers’ Map would have to write their own CSS for customized markers, and they would not be changing size or color depending on the number of markers.
Unfortunately, I won’t add this feature, sorry ??

Have a nice day,
Camille

Dear crispyste,

This problem occurs when the subdomain is not correct. Travelers map default subdomain is abcd, but a lot of tile providers use abc only.

Can you try with abc?

Camille

Dear elitaz,

• 1) No, not yet. But I will add it to my todo list. I have to think on how to select users for the shortcode. Because a WordPress website can have a huge number of users, and showing them all in the shortcode helper page could be problematic. I could only show the users with authors rights (or contributors rights). But you mentioned a front-end plugin on your second question that let’s guests to add posts, so I guess that would be problematic for a use case like yours.
• 2) I don’t think so, unless the plugin you use is made in a way that match with my plugin. The best solution would be that the plugin you choose could show the Travelers’ Map section (shown in the backend) in the front-end.
  If not, then as I said on this support ticket, there is three fields that needs to be added to place a marker:
  marker with a value of the markers’ ID, latitude between -89.99999 and 89.99999 with a period decimal separator and longitude between -179.99999 and 179.99999 with a period decimal separator.
  THEN, your plugin must use the WordPress save post’s hooks and not custom ones so my functions could be launched to transform these fields into a single metadata on the database.
  Also, you will not have the map to click on the front-end and have to add the lat/long by yourself in number format.
  So I think it will be difficult

Dear Mark,

That’s a nice idea, I think I will rework the popovers styles and content.
It could be the next big feature, I might let the user choose what he wants to show in the popovers (with checkboxes) and adapting the design accordingly.

Because if I add the date in one popover style, in which one should I add it? The complete one is a good idea, but what if we want only the title, date and thumbnail ??
Also, I will add the possibility to write a custom excerpt for the popovers.

This might take some time and thinking, but I will add it in the next big update ??

Have a nice day,
Camille

Nice ! ??
Glad to hear it,

Have a nice day/evening,
Camille

Ok, I can’t reproduce the bug, I’ve installed Customizr theme and nimble, and everything is working as expected :/

Here is a list of things you can try:
– Have you tried to reinstall Travelers’ Map? Delete everything and download again.
– Have you tried to reset settings of Travelers’ Map?
– After all that, create a new geolocalised post and see if the map is showing using the basic shortcode.
– Do you have other plugins installed? If yes, try to disable them to see if Travelers’ map is working again. If yes, you can enable your plugins one at a time to see which is the evil one ??

If nothing work, you could create me an administration account so I can see the problem from “the inside”.

Very strange indeed.

I will try nimble builder on my dev environment to test and I get back to you.

After looking at your page, your shortcode doesn’t load any marker.

Did you geolocate your posts before displaying the map?

Here is a simple “Get started” tutorial:
https://camilles-travels.com/get-started-with-travelers-map-wordpress-plugin/

If you already did, that would mean you added parameters to the shortcode that don’t match any post or page. In that case, could you try the basic shortcode to see if it’s working?
[travelers-map]

Have a nice day,
Camille

• This reply was modified 4 years, 5 months ago by Camille V.

Ok, I got it, but I did not test everything yet.
In cttm_shortcode.php, line 253, change:

//json_encode the array to send it to our javascript
//$cttm_metas = json_encode($cttm_metas);
$cttm_metas = htmlspecialchars(json_encode($cttm_metas));

Then, in travelers-map.js, comment line 205:
//json_cttm_metas = json_cttm_metas.replace(/"/g, '"');

It should work now ??
I’m testing everything and reviewing my code, and I will update the plugin officially.

Thank you for all the informations, It’s nice to see someone with knowledge helping with issues like this ??

We are almost there!

The problem lies in the JSON, the double quotes in your excerpts are not escaped like this \".

At first, I thought it was caused by Smart Quote Fixer.

I tested to reproduce the same thing without your plugin, I tried to insert test" with ? ? ? abc ? d ? ‘ as a test, but the returning JSON looks like this:
"excerpt":"test\" with \u00ab \u00ab \u00ab abc \u00bb d \u00ab \u2018" So no problem.

However, if I try with: " lol " ", the frontend breaks and my JSON is excerpt":"" lol " ""

So Smart Quote Fixer is responsible in a way, for replacing everything with ", but that’s not the expected behaviours of my plugin, I want it to work with "

Next, I looked into the json_cttm_metas = json_cttm_metas.replace(/"/g, '"');. It’s not doing anything because the JSON doesn’t include the " in the first place. Moreover, I think my code is wrong, I should replace " by an escaped double quote (I will fix that too).

So, I thought the problem lies in my PHP, JSON conversion might be broken. But I var_dump‘ed the JSON sent, and I got "excerpt":"" lol " "". So this is the expected JSON…

Ok, so It’s not my PHP code.

After that, I went aaaaall the way top in travelersmap.js, and console.logged the raw JSON data, without any modification, and guess what:
/"/ are already replaced by non-escaped "

To conclude, the only possible thing causing this is wp_localize_script(), which is the WordPress PHP function to send JS object to the frontend. It was first intended to send translations data, but it is now mostly used as a bridge between PHP and JS for sending JSON data by theme and plugin developers.

I must go, but I will continue to search on this issue, and try to find a solution. I think I should replace " in the PHP with something else before sending the data.

Have a nice day !

• This reply was modified 4 years, 5 months ago by Camille V.

Dear Alex,

I can’t reproduce this bug on my dev environment, I think something might be wrong with your theme charset not set to UTF-8.

Could you inspect your page and tell me the value of the meta tag in the <head> tag ? (top of the code).
It should be something like:
<meta charset="UTF-8">

Also, do you use Word and then copy/paste the content? Word is annoying and uses different unicode characters for some symboles like quotes. That could be the problem too. I will search on my end how to help you with that.

EDIT: Also, you could look into your wp-config.php file in the root of your website, to check the charset (however, do not change this if you don’t want to destroy your website): define( 'DB_CHARSET', 'utf8mb4' );

• This reply was modified 4 years, 5 months ago by Camille V.