Questions tagged [css]
CSS (Cascading Style Sheets) add style to web pages.
155
questions
-1
votes
0
answers
14
views
Publish CSS styles in Java with GeoServer [duplicate]
I need to use the REST API method to publish CSS styles to the GeoServer style library and bind them to layers, just like directly publishing SLD styles. However, I have not found a solution.
My ...
- 5
0
votes
1
answer
33
views
Publishing CSS Styles to Geoserver in Java [closed]
I want to directly upload and publish a CSS format style in Java, but after trying for a while, it has failed.
How can I do this?
- 5
2
votes
0
answers
38
views
Position text in lower right corner of a HTML label in Layout
I have a problem with QGIS 3.32.x, where I cannot vertically align HTML labels in Layouts anymore.
The following HTML is perfectly aligned in QGIS 3.30, but refuses to align in QGIS 3.32.x:
<div ...
- 5,026
1
vote
1
answer
111
views
Styling line using attribute from GeoJSON object in Leaflet?
I have a problem styling my lines using the exported attribute from QGIS from within Open Studio Code. I have attached screenshots to help better understand the problem.
My popup is able to take ...
- 31
0
votes
0
answers
136
views
ol-ext: control legend with image item - how to decrease space between items?
I'm using the example http://viglino.github.io/ol-ext/examples/legend/map.control.legend.image.html with OpenLayers to show the legend of my layers.
However, I would like to decrease the space between ...
- 119
0
votes
0
answers
381
views
Infowindow on Google Maps map is not showing
When I add an infowindow it's not showing also the rectangle anymore.
let map;
function initMap() {
// The location of Uluru
const uluru = { lat: 32.1582615544072, lng: 34.89155037133181 };
...
- 101
1
vote
0
answers
49
views
CSS coding environment out of GeoServer
I am migrating the styles of my layers to use only CSS, however I would like a system where I can create and edit my styles outside of the GeoServer environment, as is done with SLD styles in QGIS.
I ...
- 19
1
vote
0
answers
160
views
Styling the UI elements of Qt Designer through Plugin in QGIS
I am trying to style the UI elements built through Qt Designer(drag-drop) via the plugin for QGIS.
I have tried to import 'style.css' to the plugin main file, but it is not reflecting the changes in ...
- 303
0
votes
1
answer
196
views
Two Openlayers maps with different versions, only either shows
I have 2 openlayers maps on the same web page. Only one of them shows as importing the css and js libraries related to each map, makes the other one not visible.
I have tried commenting the ol.js and ...
- 21
0
votes
0
answers
130
views
How to remove white frame or borders into the canvas map Mapbox
I'm working on a project with Angular 10, and I have been work with Mapbox to show a path routes. As is normal in Angular splits the different parts of the application in components, so I decided to ...
0
votes
0
answers
284
views
How to fit the map inside the div container removing white spaces Mapbox
I'm using mapbox-js API for a web app, but I couldn't figure out how to fit the map, avoid draggable, and appear a white frame at the top and bottom.
I have been trying with multiple solutions, the ...
0
votes
1
answer
346
views
GeoServer doesn't render SVG markers properly
GeoServer Version 2.21.0
GeoTools Version 27.0
GeoWebCache Version 1.21.0
GeoServer doesn't render SVG external graphic well, the graphics is cut and not all visible- only about upper left square is ...
0
votes
1
answer
129
views
QGIS - QGIS2WEB - Leaflet - CSS Code - Changing background colors [15.09.22]
I am using the QGIS2WEB plugin within QGIS 3.0. I have selected "Leaflet" for export. I am trying to use a different background-color than the normal white (#fff) that appears in the ...
0
votes
1
answer
328
views
Map Disappearing on HTML page when Sizing is changed from pixels (px) to percentages (%)
I am trying to allow this map to be resized via screen size (Mobile, Tablet, Chrome (Half Screen, Full Screen, etc.) so I know I can't set a specific pixel amount. However, when I do set a percentage ...
1
vote
1
answer
316
views
Change border color of individual overlay items in Leaflet-panel layers plugin?
I am using the Leaflet panel layers plug in and want to change the color of the border of each item in the overlay. I can change all of them at once in the css file but cant change them individually.
...
- 83
-1
votes
1
answer
225
views
QGis2web - I want to add a button to the map which leads to another webpage
I am using QGIS2web plugin to create a nice page that shows some work-related spatial data. I want to make it nice as possible, and one idea is to have a few normal buttons, preferably directly under ...
0
votes
1
answer
158
views
Lizmap and custom themes
I can't find where to change the footer_logo in Lizamp, through a custom theme.
I downloaded the default theme with the command mydomainname.com/index.php/view/media/getDefaultTheme. Then I just ...
- 1,544
0
votes
1
answer
515
views
Make text color in innerHTML change depending on value in GeoJSON
When I hover over different counties on my map, a div updates whether or not the county voted republican or democratic in the 2020 election (among other things). It will either say it voted republican ...
- 103
0
votes
2
answers
223
views
GeoServer, Label rotation based on attribute value using CSS
I am using GeoServer to produce various layers including points, line and polygons etc. For the map styling CSS code has been used instead of SLD, everything has worked perfectly up until the last ...
- 1
0
votes
0
answers
89
views
GeoServer CSS - change size dynamically
I have set point style with three different size, based on three different scale.
Is there any way to set one size and this one will increase or decrease automatically according with the scale (like ...
- 11
1
vote
1
answer
531
views
GeoServer CSS style with condition
I have street numbers with a specific field. I would like to show points with different colours based on this field and, on the same scale, display text of the street number itself, based on another ...
- 11
8
votes
1
answer
362
views
Does QGIS support HTML5 and CSS3?
I know that I can put HTML and CSS, and QGIS will render such code but some CSS styles like grid and pseudo-selectors are not working. Thus I wanted to know what level of support is there especially ...
- 91
1
vote
0
answers
573
views
How to change the colour of an imported shapefile in Google Earth Engine?
I'm brand new to this website and coding. I'm using GEE to display NDVI with different classes of forest gain and loss. So I've imported a zip folder of shapefiles for my AOI, but how do I make the ...
- 11
2
votes
0
answers
963
views
Leaflet popup immediately closing
In my map (http://www.enjoytheparks.com/EtP_Map.html) I display "special" popups for Park Points of Interest. To see this, you would have to select a park first. Easiest way is use the ...
- 173
1
vote
1
answer
143
views
Force L.control.layers to stay permanently collapsed
I am building a map with Leaflet 1.3.1 containing two layers controls (Control1 and Control2). For some reasons, I want one of them (Control2) to be displayed on the map, and I need it to stay ...
- 13
1
vote
2
answers
280
views
Underlining text in Google Earth Engine panel
I am currently writing a code for an app in which I would like to underline some text. However, looking at the ui.Panel.style options there is none which allows underlining the text.
It says that ...
- 1,200
1
vote
0
answers
198
views
Custom position of in-panel widget ArcGIS Web App builder
I need the opportunity to toggle between 'draggable' position of an in-panel widget (ArcGIS Web App Builder 2.19) and its fixed position in the footer of an application. Is there an option to do it ...
- 11
-1
votes
1
answer
1k
views
How to alter how a popup appears on OpenLayers Map
I've the following JavaScript code for a popup to display on my OpenLayers map
// Create a popup overlay which will be used to display feature info
var popup = new ol.Overlay.Popup();
map.addOverlay(...
- 71
0
votes
1
answer
344
views
Leaflet GeoJSON filters not working
I've been struggling to get map filters to work on my Leaflet map. I've got minimal JavaScript or Leaflet knowledge so where I have got to now has been a struggle. I'm essentially trying to do the ...
- 374
2
votes
1
answer
202
views
Zoomable world map with small countries highlighted
I'd like to create a zoomable world map where countries/territories are color-coded. This is a pretty standard request and Carto has a nice example.
However, in standard maps like this, small ...
- 195
1
vote
0
answers
81
views
Filtering pins from arrays with checkboxes and general cleanup
I am new JavaScript but I am looking for a way to use checkboxes to turn on and off sets of pins. The problem I am having is that I want to find the intersection of two arrays and pull the ...
0
votes
0
answers
2k
views
className of leaflet popup option does not apply to the intended DOM element
I have a problem similar to this post. Basically, the CSS is not applying to the element I am trying to target, and I cannot see why not:
/* css file: */
.sitePopUp .leaflet-popup-content-wrapper{
...
- 103
0
votes
1
answer
296
views
Move polygon label on geoserver layer by css style
I wish to change label position of polygon in Geoserver layer (custom local osm map), like that:
but I don't understand how. label-anchor: was ignored.
my style:
* {
font-family: "DejaVu ...
- 423
0
votes
2
answers
662
views
L.control features showing up only below raster layers
I've been studying Leaflet and, when I was trying out some plugins, this issue showed up.
Pop-ups and markers works fine, but the line (perimeter) won't show up unless I turn off the raster layers. ...
- 63
1
vote
0
answers
227
views
Approach to smoothly transitioning a large amount of GeoJSON features' style
I'm working on an interactive Leaflet map with about 1000 GeoJSON features. When I click on a one of the menu items on right, I use a function to style the feature according the values of the active ...
- 170
1
vote
1
answer
333
views
Adding a map legend to a webpage
On the web page where the map shows (using Mapbox GL) and I want to add legend. The icons in the mapbox map are in a sprite with the details in JSON. I can see the PNG sprite and JSON in the browser ...
- 131
0
votes
0
answers
190
views
Is it possible to draw one way road direction arrows using CSS of GeoServer
Is it possible to draw one way road direction arrows using CSS of GeoServer?
I want to get the same result as shown below (see img-1).
(UPDATE)
So far, I've added arrow sign as label in separate ...
- 1,060
1
vote
1
answer
2k
views
Custom bootstrap popover in OpenLayers 5
I try to set different custom for my bootstraps popovers : "popup" and "popup_ancien".
I can change CSS of my popovers together, by .popover-content or .popover-title, but how can I have two distinct ...
- 339
1
vote
1
answer
221
views
Showing selected entities on a Leaflet map from onclick action within a <div> [closed]
I have displayed a layer of points using Leaflet. Here is my script embedded in the HTML code :
var map = L.map('map', {
center: [45.7604276, 4.8335709],
zoom: 13
...
- 31
7
votes
1
answer
2k
views
Widget html QGIS
I am creating a mask in QGIS through the html widgwet , which, based on the value of an expression, creates or not circles. I created my css structure but I cannot integrate the question (the ...
- 189
2
votes
1
answer
578
views
SLD, combine variable and propertyIsEqualTo
I'm trying to make simple switch (if if else) statement in SLD with value coming from variable.
I'm calling Goeserver with parameter env=imageSize:A4.
Now based on that, I'd like to set cssProperty ...
- 137
0
votes
1
answer
221
views
Using CSS var function in GeoServer CSS styling
I wanted to check if I could use something like the CSS var() function with the GeoServer CSS plugin styles.
Something to look like:
:root {
--land-color: #f2efe9;
}
/* @title ...
- 3,340
3
votes
1
answer
640
views
Making a popup (which is a DIV containing a panel consist of textbox and a button) to float within the map DIV only
The HTML for the popup is:
<div id="commentBox" class="commentBox">
<div class="panel panel-default">
<div class="panel-body">
&...
- 113
1
vote
1
answer
72
views
Bringing GeoServer CSS styled layer to Mapbox
I have a CSS styled layer in GeoServer 2.16.1 with CSS Extension and trying to bring my layer to Mapbox. Unfortunately it comes only as simple lines.
But if bring this layer to Mapbox it shows ...
- 51
2
votes
1
answer
130
views
Double labeling line problem using CSS for OSM data from Geoserver
I had created a CSS for postgres planet_osm_line source on geoserver, for roads displaing
in client, using WMS.
CSS seted like:
/*.....*/
/* @title Residential */
[@scale < 20000] [highway = '...
- 423
0
votes
2
answers
288
views
GeoServer 2.16: Null object returned for expression: legend.width for setting value: 0 on: StyleInfoImpl[test_osm:rf] [closed]
I don't really understund how and why, but when I tried to save CSS changes on Style page of GeoServer GUI (by Apply or Submit)
I saw it:
java.lang.IllegalStateException: Cannot access /opt/tomcat/...
- 423
1
vote
1
answer
71
views
TurboCARTO ramps do not work with CartoCSS user conditional filters
If you want to define manual class breaks with the ramp() function it seems you're out of luck; as far as I can tell this is not working as intended. For example, here I try to supply different colors ...
1
vote
2
answers
4k
views
Dynamic map sidebar with info from marker upon click
I am new to Leaflet, HTML, CSS and Java. I am using leaflets maps and I want to create a sidebar that is active when a marker is clicked or active when a clicked in the sidebar, so far I have had no ...
- 11
1
vote
1
answer
137
views
GeoServer CSS categorized marks with different size
I am doing categorized marks with GeoServer. The color is fine. I use same template of this question: geoserver css categorized marks but I can't figure out how to change the size of my points.
...
- 380
1
vote
1
answer
186
views
Unexpected problem with some CSS styles on GeoServer for OSM data [closed]
My layerset went wrong after mapproxy caching. Some layers are not rendering, and one of them shows this error message when I want to watch a preview:
<ServiceException>The requested Style can ...
- 423