Javascript 将工具提示悬停在Mapbox/TileML中的shapefile上
我正在用TileMill制作一张地图，用颜色显示各种建筑的年代。我有4个数据层（每个数据层都有50年的建筑历史，因此可以切换开/关）和一个基础层 在TileMill中，当我将鼠标悬停在ShapeFile上时，可以看到工具提示。我对它们进行了定制，这样可以显示光标悬停的建筑物的建筑年代。但是，当我导出到MBTiles以上载到MapBox以便在我的网站上集成时，悬停功能消失了，并且没有图例 我已经在MapBox的网站和API上搜索了数小时的帮助。我没有使用标记，因此我无法将其用作解决方案（有80多万栋建筑）。有没有办法做到这一点Javascript 将工具提示悬停在Mapbox/TileML中的shapefile上,javascript,gis,mapbox,tilemill,Javascript,Gis,Mapbox,Tilemill,我正在用TileMill制作一张地图，用颜色显示各种建筑的年代。我有4个数据层（每个数据层都有50年的建筑历史，因此可以切换开/关）和一个基础层 在TileMill中，当我将鼠标悬停在ShapeFile上时，可以看到工具提示。我对它们进行了定制，这样可以显示光标悬停的建筑物的建筑年代。但是，当我导出到MBTiles以上载到MapBox以便在我的网站上集成时，悬停功能消失了，并且没有图例 我已经在MapBox的网站和API上搜索了数小时的帮助。我没有使用标记，因此我无法将其用作解决方案（有80多万
var map = L.mapbox.map('map', 'jacobs74.xoonovka', {
legendControl: {
// any of the valid control positions:
// http://leafletjs.com/reference.html#control-positions
position: 'bottomleft'
}, zoomControl: false
})
.setView([41.8928, -87.6491], 14),
markerLayer = L.mapbox.markerLayer().addTo(map);
map.gridControl.options.follow = true;
new L.Control.Zoom({ position: 'topright' }).addTo(map);
var gridLayer = L.mapbox.gridLayer('jacobs74.xoonovka');
map.addLayer(gridLayer);
map.addControl(L.mapbox.gridControl(gridLayer, {follow: true}));
L.control.layers({
}, {
'Thru 1899': L.mapbox.tileLayer('jacobs74.s37bpdgq'),
'1900-1949': L.mapbox.tileLayer('jacobs74.fi084ush'),
'1950-1999': L.mapbox.tileLayer('jacobs74.yh8prbfi'),
'2000-Now': L.mapbox.tileLayer('jacobs74.awsw2ji1')
}).addTo(map);
你的问题在哪里还不清楚。请附上您的代码副本。以及为平铺层和标记层创建工具提示。只需将
followmap.gridControl<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Movetip</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<script src='//api.tiles.mapbox.com/mapbox.js/v1.5.2/mapbox.js'></script>
<link href='//api.tiles.mapbox.com/mapbox.js/v1.5.2/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>
<div id='map'></div>
<script>
var map = L.mapbox.map('map', 'examples.map-8ced9urs');
map.gridControl.options.follow = true;
</script>
</body>
</html>
移动提示
正文{margin:0；padding:0；}
#映射{位置：绝对；顶部：0；底部：0；宽度：100%；}
var map=L.mapbox.map（'map'，'examples.map-8ced9urs'）；
map.gridControl.options.follow=true；