search

mapsense / mapsense.js

Mapsense.js
Other
88 stars 22 forks source link

The map doesn't show up #30

Open kyoungrok0517 opened 8 years ago

kyoungrok0517 commented 8 years ago

I followed the guide at http://mapsense.github.io/mapsense.js/, but nothing shows up.

This is my code:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Visualization Demo</title>
    <link rel="stylesheet" type="text/css" href="mapsense.css">
</head>

<body>
    <div id="myMap"></div>

    <!-- scripts -->
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script>
    <script src="mapsense.js" charset="utf-8"></script>
    <script>
        var map = mapsense.map("#myMap")
            .center({lon: -122.410886, lat: 37.787041})
            .zoom(14);

    </script>
</body>

</html>
stefanoschrs commented 8 years ago

I am having the same problem, it creates this element 

<div id="myMap">
   <div style="position: relative; width: 100%; height: 100%;">
      <svg class="mapsense-map">
         <rect visibility="hidden" pointer-events="all" width="1889" height="695"></rect>
      </svg>
   </div>
</div>