vue+openlayers设置地图背景颜色（本例子为背景颜色设置为黑色）

最新推荐文章于 2024-11-18 10:37:38 发布

迷茫的小猿

最新推荐文章于 2024-11-18 10:37:38 发布

阅读量7.2k

点赞数 4

分类专栏： openlayer vue 文章标签： vue openlayers

本文链接：https://blog.csdn.net/weixin_43747076/article/details/106282263

版权

在Vue项目中使用OpenLayers时，若要将地图背景颜色设为黑色，无需直接在OpenLayers中操作，只需修改包含地图的div元素的背景色。通过CSS设置该div的背景颜色即可实现。

摘要由CSDN通过智能技术生成

思考：我之前用的是JavaScripts+openlayers，在网上搜了很多资料，自己也尝试了很多次，都没有设置成功，貌似不可行，估计需要拿过来的地图就是黑色的，这个可以去找黑色地图（我没找啊，因为后来需求变了，需要将openlayers集成到vue中，于是我就改变策略了），vue+openlayers设置背景颜色其实很简单，只需要设置地图所在的div的背景颜色即可

代码：

<template>
    <div id="map" class="mapStyle" ref="rootmap">
       
    </div>
</template>

<script>
import "ol/ol.css";
import {
    Map, View } from "ol";
// import TileLayer from "ol/layer/Tile";

import VectorLayer from "ol/layer/Vector";

// import OSM from "ol/source/OSM";
import VectorSource from "ol/source/Vector";
import Feature from "ol/Feature";
import GeoJSON from "ol/format/GeoJSON";
import</

最低0.47元/天解锁文章