0

これは、js ファイルにあるコードです。

if (Meteor.isClient) {
  Template.map.rendered = function(){
  var map = L.map('map').setView([51.505, -0.09], 13);
  var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
  var osmAttrib='Map data © OpenStreetMap contributors';

  console.log("RENDERED CALLED");
  var osm = new L.TileLayer(osmUrl, {minZoom: 8, maxZoom: 12, attribution: osmAttrib});   
  map.setView(new L.LatLng(51.3, 0.7),9);
  map.addLayer(osm);
};
}

これは私のhtmlです -

<head>

どうしたの

<body>
  {{> map}}
</body>

<template name="map">
  {{#constant}}
      <div id="map" class="map"></div>
  {{/constant}}
</template>

コンソールでページを見ました - テンプレートが追加されており、リーフレット dom 要素があります。しかし、地図が見えません。

なんで?

4

2 に答える 2

0

ライブラリを client/compatibility の下に置いてみましたか?

于 2013-07-29T00:14:35.187 に答える
0

マップをheight正しく設定してください。例えば:

<div id="map" class="map" style="height: 100px;"></div>
于 2013-12-03T13:29:01.500 に答える