Search Results

The magic is called UTFGrid and it was developed by Mapbox. It is basically "an encoding scheme that efficiently encodes interactivity data for map tiles". According to the documentation, for each map …

function(errors) { // errors contains a list of errors console.log("errors:" + errors); }) Here you have a working example explaining how to populate both a GeoJSON (and then paint it with Leaflet …

Instead of getting the coordinates from the Leaflet map as explained by @oriolbx, you can first extract the latitude and longitude coordinates from the_geom field using SQL: SELECT *, st_x( …

You can create and instantiate two maps (map1 and map2), then you can assign a custom function to both maps after a certain event: map1.on('event', function(e) { customFunction(map1, map2) …

You need to remove the toFixed(0) function at the end of the var X and Y, or at least you have to set a much greater argument such as 6 or 8. This method "converts a number into a string, keeping a sp …

You always can retrieve the coordinates from the Leaflet object map. …

Please check all the variables you have introduced within your markerLayerSource (the console will tell you what is wrong anyway). I have replicated your code in this working example. But I have used …

You are using again Leaflet.js methods to add iw and tooltips into CARTO sublayers. As I suggested you in your last question, I will use CARTO.js methodology. In doing so, you will not have these kind …

Instead of attaching the tooltips to every sublayer, you can create two (or many) layers with createLayer and then append the tooltips (an infowindow which shows when hovers over and hide when hovers …

a problem of scope, this is the code that will work: jQuery(function($) { //default infowindow fields var infowindow_fields = ['abbrev']; // create leaflet …

Unfortunately, CARTO.js does not support feature over multiple layers. I have replicated your problem in this glitch example. CARTO VL, on the other hand, supports this type of interactivity. You can …

You can use the show() (the sublayer you have clicked on) or hide() (the rest of the sublayers) methods as explained in this tutorial.

You can add labels in CARTO.js using CartoCSS text properties in your layer style object. Something like this should work: #layer { polygon-fill: #826DBA; polygon-opacity: 0.9; } #layer::outline …

You need to assign an action to your dropdown object and use setQuery CARTO.js method to change the layer source as explained in this example. const selector = $(".js-dropdown-selector"); // cha …