工具提示不适用于Mapbox

时间:2014-02-24 20:51:29

标签: tooltip mapbox tilemill

我已经开始使用Mapbox并将其嵌入到我正在构建的Beta网站上,希望它将成为它的一个组成部分。我遇到了一些问题,经过数小时的浏览后没有找到答案。

我在TileMill中创建了一个地图,其中显示了悬停时显示的工具提示,并将其上传到Mapbox。

当我将以下内容嵌入到我的网站页面时,工具提示完美运行:  http://a.tiles.mapbox.com/v3/stevecharters.ha6m60kk/mm/zoompan,zoomwheel,geocoder,share.html'> ;,

我的地图显示如下:http://pittsburghmade.org/index.php/privacy-policy

但是,当我将地图嵌入到我的网站的另一个页面时,如Mapbox API示例中所提供的那样,工具提示不再有效。

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A Simple Map</title>

<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.css' rel='stylesheet' />

<style>
  body { margin:0; padding:0; }
  #map { position:absolute; top:0; bottom:0; width:100%;  height:500px;}
</style>
</head>
<body>
<div id='map'></div>
<script>
var map = L.mapbox.map('map', 'stevecharters.ha6m60kk')
    .setView([45.457, -73.598], 11);
</script>
</body>
</html>

正如您在此处所见:http://pittsburghmade.org/index.php/terms-of-use

如何在后一种情况下显示工具提示?有什么不同?最终,我希望能够打开和关闭几个层(例如酒吧和咖啡店)。在这种情况下,我的最终地图将有太多的点,以便于手动添加标记...

感谢

0 个答案:

没有答案