Topic Tag: Toolset Maps

Problem:
The customer wants to add shapes to a map rendered by Toolset. They have geoCoordinates and wish to use the Google Maps addJSON feature but encounter difficulties because the map is already rendered by the time they can access it with JavaScript.

Solution:
I recommended using the js_event_wpv_addon_maps_init_map_completed event listener to run scripts when the map is rendered. An example was provided to adapt for adding a background color to a map area after rendering.

Upon trying the provided code, the customer encountered errors in the JS console and the shapes did not render as expected. Further investigation and temporary site access were requested to diagnose and resolve the issue. However, the customer was able to move forward with the original reference and resolved their issue.

Relevant Documentation:
https://developers.google.com/maps/documentation/javascript/examples/layer-data-polygon#maps_layer_data_polygon-javascript
https://developers.google.com/maps/documentation/javascript/datalayer
https://toolset.com/forums/topic/i-need-to-add-area-on-a-toolset-map/

Problem:
Resize PNG and SVG markers for a better quality. On mobile view, the PNG marker is displayed pixelated.
Solution:
I checked it and the SVG markers are always resized to 32x32
There's a workaround to avoid it. You'll find the code line that controls this at line #565, in the file: "/toolset-maps/resources/js/wpv_addon_maps.js":

var scaledSize = new google.maps.Size(32, 32);

You could change the size value in the actual plugin file if needed, but since this part of code is not filterable, it is not possible to change it with a hook for example, you'd have to edit the file itself. ( please note that you'll need to keep track of this edit, as future plugin updates will overwrite any changes )

I also checked that PNG files are shown in the map with the same size they've been uploaded, it is necessary to work with the image and upload the final version to use it.