Question

我设计了一个Mapbox地图，我正在使用Javascript显示它。当它被拖动时，地图周围似乎有一个白色边框，我该如何摆脱这个？我想阻止它，因此无法拖入白色区域......谢谢！

http://i.imgur.com/o4cgOwG.png

Answer 1

在div中初始化地图。基于图片看起来你需要设计它以使其正确填写。没有代码，我无法确定。

绝对查看示例https://www.mapbox.com/mapbox.js/api/v2.1.2/，并查看Mapbox Studio以获取地图特定的样式选项。 https://www.mapbox.com/mapbox-studio/#linux

在示例中，他们使用样式标记在页面中进行样式设置。我建议将其移到自己的样式表中。如果你想一起避免使用CSS，请查看传单。 Mapbox是建立起来的，它们可以协同工作。 http://leafletjs.com/ 这允许你给它一个类/ id并改变它的大小。这是一个基本的地图示例：

一张简单的地图在HTML元素中初始化Map。

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.2/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.2/mapbox.css' rel='stylesheet' />
</head>
<body>
<div id='map'></div>
<script>
L.mapbox.accessToken = '<your access token here>';
var map = L.mapbox.map('map', 'examples.map-i86nkdio')
    .setView([40, -74.50], 9);
</script>
</body>
</html

＆GT;

一些CSS的大小：有关调整元素的更多信息，请查看http://www.w3schools.com/css/。

#map {
    height: 50%;
    width: 50%;
}

Mapbox白色边框周围的地图

1 个答案: