第一范文网 - 专业文章范例文档资料分享平台

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

来源:用户分享 时间:2025/6/13 7:26:28 本文由loading 分享 下载这篇文档手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ:xxxxxx 处理(尽可能给您提供完整文档),感谢您的支持与谅解。

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库在文档的部分加载(

搜索更多关于: 2015 OpenLayers - 3 - 入门教程详细版 的文档
2015 OpenLayers - 3 - 入门教程详细版.doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
本文链接:https://www.diyifanwen.net/c74hrz12tsh4ncj23rqjk_3.html(转载请注明文章来源)
Copyright © 2012-2023 第一范文网 版权所有 免责声明 | 联系我们
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ:xxxxxx 邮箱:xxxxxx@qq.com
渝ICP备2023013149号
Top