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 回答