Start your CartoDB.js visualization projects at the speed of light with the CartoDB-generator.
Start your CartoDB.js visualization projects at the speed of light with the CartoDB-generator.
To know more about how to make animated torque visualizations using CartoDB.js click here.
To know more about how to make animated torque visualizations using CartoDB.js click here.
On this example we add and remove a layer from a Google Maps Instance.
The thing is you need to explicitely disable the interaction and then execute the off() method in order to completely detach the layer from the map object, otherwise events will still be triggered and you'll have more than one infowindows and several log lines on the console.
via @jsanz
To know more about the 'Overlapping Points Problem' and how to solve it with this solution check the CartoDB post written by Chris Whong, Stacking Chips - Showing Many Points that Share the Same Location.
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>How to get your Labels to stand out with CartoDB.js</title> | |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> | |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> | |
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" /> | |
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" /> | |
<style> | |
html, body, #map { |
Drag the map to other location or zoom in or out with your mouse scrollroll. Then click on the "Reset zoom" bottom to come back to the original view.
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>How to add a Singapore basemap in Leaflet</title> | |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> | |
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> | |
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" /> | |
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" /> | |
<script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>How to connect points with great circles with CartoDB.js</title> | |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> | |
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> | |
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" /> | |
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" /> | |
<script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script> |