0

Por favor, este script no muestra el mapa de colombia, Qué esta mal o falta?

var map = new Datamap({element: document.getElementById('container'),
      scope: 'col'
    });
<!DOCTYPE html>
<meta charset="utf-8">
<body>
	<div id="container" style="position: relative; width: 700px; height: 450px;">&nbsp;</div>

	<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/datamaps/0.5.8/datamaps.col.js"></script>

</body>

1 respuesta 1

1

Es necesario sobre escribir el método setProjection.

var map = new Datamap({
  element: document.getElementById('container'),
  scope: 'col',
  setProjection: function (element) {
    var projection = d3.geo.mercator()
        .center([-68, 4]) // [Longitud, Latitud]
        .scale(1200);
    var path = d3.geo.path().projection(projection);
    return { path: path, projection: projection };
  }
});
<div id="container" style="position: relative; width: 400; height: 550px"></div>

	<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/datamaps/0.5.8/datamaps.col.js"></script>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.