Questions tagged [css]

CSS (Cascading Style Sheets) add style to web pages.

Filter by
Sorted by
Tagged with
1
vote
1answer
24 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 ...
1
vote
0answers
26 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
0answers
6 views

Amcharts4, map chart with bả

I am having a small problem, hope everyone will help me! I want to create a map with a bar chart like in the demo of Amcharts 4 there is a map example with a pie chart. I don't know how to do so.this ...
0
votes
0answers
123 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{ ...
0
votes
1answer
20 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 ...
0
votes
2answers
81 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. ...
1
vote
0answers
21 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 ...
0
votes
0answers
33 views

Highlight a single GeoJSON feature, darken all others in Leaflet

I would like to bring extra highlight to a GeoJSON feature when it is clicked by making all the other GeoJSON features on the map darker. One approach I was thinking was drawing a semi-transparent ...
1
vote
0answers
25 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 ...
0
votes
0answers
53 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 ...
0
votes
1answer
294 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 ...
1
vote
1answer
41 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 ...
4
votes
1answer
414 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 ...
2
votes
1answer
46 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 ...
0
votes
0answers
27 views

Removing attachment filename from operation dashboard

I have an ArcGIS Operational Dashboard where I am showing attachments from a feature layer through the details pane and enabling media. I would like to remove the attachment filename e.g. (see photo ...
0
votes
1answer
35 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 ...
2
votes
1answer
150 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"> &...
1
vote
1answer
32 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 ...
2
votes
1answer
35 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 = '...
0
votes
2answers
65 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/...
1
vote
1answer
32 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
2answers
860 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 ...
1
vote
1answer
38 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. ...
1
vote
1answer
56 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 ...
2
votes
1answer
197 views

OpenLayers map fill full screen?

I have an OpenLayers map with the following css: .map { height: 100%; width: 100%; } However the map does not fill the whole screen, and it stays like this (take a look at the bottom): ...
1
vote
1answer
256 views

Scale line is not affected by css color of ol-scale-line class

I try to change the color of the text inside the scaleline created with Openlayers via new ol.control.ScaleLine. To change the color I refer to the scaleline in my css sheet the following way: .ol-...
0
votes
0answers
19 views

Creating subLayers using CARTO JS v4.1.8

I created a simple map with multiple layers using the below code. this.cartoSource = new carto.source.SQL(sql); this.layerStyle = new carto.style.CartoCSS(layerStyle); this.layer = new carto.layer....
3
votes
1answer
58 views

OpenLayers map interaction issue on margin left

I have created a sidebar that opens and closes. When it opens, it adds margin to the map container ( calling w3_open() ). See pen below. However the interactions on the map e.g. clicking on the ...
2
votes
1answer
1k views

How to add top and bottom margins to leaflet popup with scroll

I've been customizing Leaflet in order to let popup display more content by adding scrolling to them. Everything works fine except my content touches top and bottom of the popup window. How can I add ...
0
votes
2answers
571 views

Adding a table and styling it in arcgis online pop up

I am researching adding a table and styling the table in a popup in arcgis online. Could someone provide me a html, css, and javascript examples? I am fairly new at these languages, but I am hoping ...
1
vote
0answers
131 views

My Leaflet map doesn't appear on my webpage [closed]

Currently my Leaflet fails to fill the whole parent div on my page, in fact it doesn't appear at all. Here is my Leaflet snippet: const Wrapper= styled.div` width:${props => props.width}; ...
1
vote
1answer
131 views

Web Appbuilder Widget refreshes and changes popup visibility to hidden

I am trying to update an app used from Web Appbuilder 1.2 to WAB 2.11. I cannot get the nexrad widget/map to behave the same in the newer version of WAB. In 1.2, the widget refreshes (1,2,5,or 10 ...
0
votes
0answers
131 views

Leaflet popup design not working properly on IE11

I am using Leaflet on my map and I styled popup using Bootstrap 4. Design works good for all browsers expect IE11. Can someone help me to find the problem and fix it? How popup looks in Firefox: ...
0
votes
1answer
244 views

White sides at marker popup

I like Leaflet a lot. But I want to ask how to remove white sides in the popup? I manage to turn of padding but it only removed top and bottom, but sides still stand. I will insert a image and it will ...
1
vote
1answer
598 views

qgis2web leaflet: change position of layers control box [duplicate]

I exported a leaflet-webmap with qgis2web. On the top-left, there are the controls (like zooming, serching etc.). On the top-right, there is the layers control box (checking/unchecking the layers of ...
0
votes
0answers
644 views

.leaflet-control-layers-expanded style control appearance

This might be kind of a nothingburger, but it's nagging enough that I can't fix it and I'd like to know why this is happening!!! I'm also wondering if this little bug might be a sign something isn't ...
2
votes
0answers
2k views

OpenLayers: change cursor upon hovering over feature

I want to change the mouse cursor to a pointer when the mouse is hovering over a feature. I currently have the following: this.map.on('pointermove', evt => { if (!evt.dragging) { this.map....
0
votes
1answer
316 views

Configurable Map Viewer css.JS problem on Chrome

I have a problem in displaying my map. It runs fine on IE, but it cant even load on Chrome (blank white page as if nothing is executed). I find the problem in some css files : load-css.js and css.js. ...
0
votes
1answer
42 views

Geonetwork metadata title length

In geonetwork I have truncated metadata file title when I do a search. Sometimes it is only a few characters that are missing so I try to increase the number of characters that can be displayed. in ...
2
votes
0answers
50 views

Adjusting the admin_level of countries in osm-bright style?

I'm using OSM Bright style Unfortunately, this style favours more admin_level=3 countries than admin_level=2, for instance, on the map below, Transnistria is labelled instead of Moldavia. How to ...
0
votes
2answers
206 views

How to refresh the HTML, including the linked CSS for a QGIS HTML frame?

I am using a referenced css file in an HTML Frame in a QGIS 3.4.2 layout. <link rel="stylesheet" type="text/css" href="map.css"> It works great until I have to go and edit the css. When I ...
3
votes
3answers
217 views

How do you create buffers around points based on individual point values in CARTO?

I am very new to CARTO and have very limited coding skills. I have a data set of points representing the centroid of zip codes. Each point has an associated average commute time. It is relatively ...
1
vote
2answers
76 views

CARTO not styling 36 total representatives

I'm extremely new to CARTO and I'm still learning the ropes. I currently have this territory map where the colors represent a representative in a county. However, it isn't shading the 36 total ...
-1
votes
1answer
92 views

Using html and css, what is the simplest way to create a tooltip that will display the attribute “Risk Score” from a csv called Mains?

I am looking to create a tooltip that displays attributes from a csv when the user hovers over the feature. What is the easiest way to accomplish this? For example, if the user hovers above a Gas ...
1
vote
0answers
294 views

Leaflet sidebar-v2 not floating display on mobile

I don't want the sidebar to always fill the entire vertical side, solved that by adjusting the height of the .sidebar.collapsed However, when on a mobile device it still fills the entire side ...
1
vote
1answer
75 views

Map Tips - Omitt field with no data

I'm using QGIS 2.18.14 and I have currently got a map tip in a shapefile of freehold land titles that looks like this: Both, the title plan and register for the land title have been referenced to a ...
-9
votes
1answer
4k views

Full Code for showing Shapefile or Geojson in Leaflet [closed]

I am in need of a Leaflet map to show my Shapefile or Geojson file. I need a full code for importing the shp file/.json from my pc and displaying that particular shapefile to my map as center view. ...
0
votes
1answer
264 views

Add labels to layer in CARTO.js (v4)

Does anyone know how to add labels (using a feature column such as "state") to a CARTO.js layer? This is how I have added the layer to my map: const boundariesDataset = new carto.source.Dataset(` ...
2
votes
2answers
141 views

QGIS2web pop-up multiple font-types

I've got a pop-up for a layer with more than one attribute for the layer in question. I would like to make the first attribute in the popup appear with a bold font and a different color. Anyone have ...
1
vote
1answer
214 views

Title position in qgis2web

I try to change the position of the title created by qgis2web to the top left above the zoom control. Right now it is always displayed on the top right side. And is it somehow possible to make these ...