[Resolved] Draw polylines into Toolset Maps | #559

[Author]

Posts

[romanB-3]

Hi,
How complicated would it be to add ability to draw polylines with Toolset Maps for backend users?
Thanks.

[Nigel Supporter Languages: English (English ) Spanish (Español ) Timezone: Europe/London (GMT+01:00)]

You want users to be able to draw on a map and... save the drawings?

That's not an available feature and would require a bespoke solution.

To give you an idea of the kind of thing that is involved in drawing on a Toolset map programmatically, you can check this code snippet by way of an example: hidden link

[romanB-3]

Sorry I can't see the snippet; it says I must login as a contractor.
Thanks.

[Waqar Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hi,

Thanks for writing back.

Here is the snippet that Nigel referred to:

Add the following code to the content template’s JS box and change the mapid and center value as per the actual requirement.

jQuery(document).ready(function($){

$( document ).on('js_event_wpv_addon_maps_init_map_completed', function( event, event_settings ) {
// Get the map using our .get_map() method...
var mapid = 'map-11';
var myMap = WPViews.view_addon_maps.get_map(mapid);

// center value
var center = new google.maps.LatLng(21.7644725, 72.1519304);

// And then use Maps API .setOptions() method to programmatically change any option on the map.
var coverageCircle = new google.maps.Circle({
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35,
map: myMap,
center: center,
radius: 100,
});

} );

} );

You'll find a more relevant example snippet for polylines in this thread:
https://toolset.com/forums/topic/add-lines-connecting-markers-in-a-google-map/

regards,
Waqar