2014-10-05 84 views

回答

0

在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%; 
}