我设计了一个Mapbox地图,并使用Javascript显示它。拖动时,地图周围似乎有一个白色边框,我该如何摆脱它? 我想阻止它,因此无法拖入白色区域...谢谢!Mapbox白色边框地图
http://i.imgur.com/o4cgOwG.png
我设计了一个Mapbox地图,并使用Javascript显示它。拖动时,地图周围似乎有一个白色边框,我该如何摆脱它? 我想阻止它,因此无法拖入白色区域...谢谢!Mapbox白色边框地图
http://i.imgur.com/o4cgOwG.png
在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元素中初始化地图。
<!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
>
一些CSS尺寸为:退房http://www.w3schools.com/css/有关调整大小的元素的详细信息。
#map {
height: 50%;
width: 50%;
}