玩地图的选项
创建地图时可视化数据,您需要考虑一些重要的事情:要使用的投影,可用的缩放级别,图层请求要使
用的默认图块大小,等等。这些重要部分大部分都包含在地图的属性中。
此食谱向您展示如何设置一些常见的地图属性。您可以在中找到此食谱的源代码 ch01/ch01-map-
options/ 。
做好准备
当您实例化一个在新 ol.Map 实例中,您可以选择将所有属性作为对象文字传递-这就是我们在第一个
配方中所做的。在下一个食谱中,您将了解通过使用setter方法获得相似结果的另一种方式。
怎么做…
就像我们在第一个配方中所做的一样,创建一个HTML页面来容纳地图,包括OpenLayers依赖
项,并添加我们的自定义CSS和JavaScr ipt文件。这次,将以下CSS放入自定义样式表中:
1
复制
.map {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.ol-mouse-position {
top: inherit;
bottom: 8px;
left: 8px;
background-color: rgba(255,255,255,0.4);
border-radius: 2px;
width: 100px;
text-align: center;
font-family: Arial, sans-serif;
font-size: 12px;
}
评论0