Take the 2-minute tour ×
Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. It's 100% free, no registration required.

I've just started learning Cloudmade Web Maps API. I'm at marker clustering, and I'm facing a strange problem; whenever I try accessing the page below, content of elements must consist of well-formed character... trace is shown, and the map doesn't render. My code is shown below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <script type="text/javascript" src="http://tile.cloudmade.com/wml/latest/web-maps-lite.js"></script>
<script type="text/javascript" src="http://developers.cloudmade.com/js-api/examples/sample-points.js"></script>
<title>CloudMade Marker Clustering</title>
</head>
<body>

<div id="cm-example" style="width: 500px; height: 500px"></div>

<script type="text/javascript">
  var cloudmade = new CM.Tiles.CloudMade.Web({key: 'API-KEY'});
  var map = new CM.Map('cm-example', cloudmade);

  map.setCenter(new CM.LatLng(51.50874, 22.76367), 4);

  var markers = [];
  for (var i = 0; i < samplePoints.length; i++) {
    markers.push(new CM.Marker(new CM.LatLng(samplePoints[i][0], samplePoints[i][1])));
  }

  var clusterer = new CM.MarkerClusterer(map, {clusterRadius: 70});
  clusterer.addMarkers(markers);
  </script>

 </body> 
</html>

It appears simple, but I can't spot the problem. Any assistance will be appreciated. Thanks in advance.

share|improve this question

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.