云题海 - 专业文章范例文档资料分享平台

当前位置:首页 > 2015 OpenLayers - 3 - 入门教程详细版

2015 OpenLayers - 3 - 入门教程详细版

  • 62 次阅读
  • 3 次下载
  • 2025/12/10 17:00:48

OpenLayers 3 入门教程 | 8

正如前一部分演示的那样,一副地图通过将标记,样式声明和初始化代码三部分组织在一

起而生成,接下来将详细的介绍这三个组成部分。

1.2.1 地图标记

标记为上例中的地图生成的一个文档元素:

在此示例中,我们用

元素作为地图显示的容器,其他块级元素也能做视图的容器。

在这种情况下,我们设置容器的id属性,所以我们可以将其作为地图的对象。

1.2.2 地图样式

OpenLayers带有一个默认的样式表,指定地图相关的元素应如何显示,我们明确的将样

式表引用到map.html页面中。

OpenLayers不对地图的大小做预定义,因此在默认样式表之后,我们需要包括至少一个

自定义样式声明来说明地图在页面上的空间。

在该示例中,我们使用地图容器的

id

值作为选择器,并明确定义地图容器的高为256px,

宽为512px。样式声明直接包含在文档的部分。在大多数情况下,地图相关的样式说明是链接到外部样式表的一个大型主题网站的一部分。

1.2.3 地图初始化

OpenLayers 3 入门教程 | 9

生成地图的下一步包含一些初始化代码,在该示例中,我们在文档的前添加

注:这些步骤的顺序很重要,OpenLayers库必须在在自定义脚本执行之前加载,在此示例中,

OpenLayers库在文档的部分加载(

Copyright © 云题海 All Rights Reserved. 苏ICP备16052595号-3 网站地图 客服QQ:370150219 邮箱:370150219@qq.com