Questions tagged [css]

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

Filter by
Sorted by
Tagged with
3
votes
1answer
40 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
75 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
33 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
39 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
44 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
33 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
0answers
48 views

White sides ar 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 ...
1
vote
1answer
179 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
136 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
331 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
0answers
71 views

Map with clickable polygons to extract properties and fill a table column using HTML/CSS

I created an interactive map from Mapbox with a vector file from a tileset. In addition to that I added a slidebar in the left side of the map and inside of the slidebar a table. With a popup when I ...
0
votes
1answer
65 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
90 views

Leaflet + Polymer 2 map loading with distorted tile

I am struggling for some time now to get the leaflet map loaded properly within Polymer 2. I have searched various threads in SO: this, Github: this, this and several other posts, unfortunately still ...
0
votes
1answer
35 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
40 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
69 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 ...
2
votes
3answers
91 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
52 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
57 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
144 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 ...
0
votes
0answers
69 views

ArcGIS Online Web App (Map Comparison) - move map title to bottom

I'm working with the Comparison Map web app template available from ArcGIS online. I have 4 web maps displayed for comparison. The issue is that I'm then embedding this into a story map and the top ...
1
vote
1answer
54 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
1k 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
186 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(` ...
1
vote
2answers
84 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
140 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 ...
2
votes
0answers
123 views

GeoServer CSS label along polygon boundary - overflow

I labeled a polygon along it's edge by using the boundary of an inside buffer: label-geometry: [boundary(buffer(GEOM, -0.01))]; This works, but my problem is, that at certain zoomlevels/positions ...
3
votes
0answers
121 views

extshape arrows to show ais vessels. MultiLinestring alternative

I have tried to use the extshape://arrows new feature as shown in this blog post. This works quite well, but I tried to dynamize the parameters as in MultiLineString WKT syntax to dimension the ...
1
vote
0answers
1k views

Override Tooltip Style in Leaflet [duplicate]

I'm trying to override the tooltip style of Leaflet 1.3.1.and want to completely remove the tooltip pointer as shown in figure. This is my css: .ToolTipProvince{ font-size: 15px; ...
1
vote
1answer
220 views

OpenLayers 4 popup, prevent pointer to target data behind a div

I have a problem with the Popup of OpenLayers 4, when I open the popup info and I'm inside the div with the pointer, it is still triggering the hover popup with the data behind the popup, how can I ...
1
vote
1answer
3k views

Styling individual features in a GeoJSON layer

I have managed to display a GeoJSON layer with multiple polygons (~150) in a Leaflet map in SharePoint. I would like to style different features in this GeoJSON layer according to a colour stored ...
1
vote
1answer
119 views

Why isn't CartoCSS picking my conditional values a carto animated layer?

I am making an animated layer and the values I want to map range are from 0-1, as a percentage (e.g. 0.33333). I'm trying to change the color and eventually size based on the value. I tried adding ...
0
votes
1answer
188 views

Adjusting Polygon Visibility with CartoCSS

I am attempting to adjust the visibility of a polygon layer in Carto by zoom level. To keep it simple for now I am looking to have the opacity of 1 from zoom 0-7 and opacity 0 from zoom 8+. I am ...
1
vote
1answer
224 views

Changing Styling on Individual Leaflet Layer Control Items

How would I go about changing the styling for Individual entries in Leaflets layer control? For example I would like to change the colour of "Layer 1" to red and the colour of "Layer 2" to blue. ...
0
votes
1answer
378 views

Bug using Leaflet.awesome-markers plugin and print

I'm using Leaflet awesome marker icons and was almost all right, but when I try print, the icons doesn't show. Why? I tried: var redMarker = L.AwesomeMarkers.icon({ icon: 'coffee', ...
2
votes
1answer
322 views

How to resize OpenLayers map before print

I have an OpenLayers map container defined as #preview_cont { width: 100%; height: 15cm; } It looks OK on screen, but when I print it, the map is distorted. I assume it's because map ...
3
votes
3answers
9k views

Adding Clickable Button on Leaflet Map

I am trying to add a clickable button on Leaflet map. Right now using this: <ion-content padding scrollbar-y-auto> <div id="map" style="width: 100%; height: 100%"></div> <...
1
vote
2answers
172 views

Is it possible to add style to CSS icons/marks in Geoserver style?

In my Geoserver set up, I have a style that references a custom icon in my data_dir. Is it possible to add CSS values to alter the image, rather than changing the image itself and uploading a new ...
1
vote
1answer
231 views

QGIS Map Tips Table, style every other row

I simply want to style every other row in a table I've generated using map tips with a different coloured background. I've got the correct generic CSS (I think) but nothing is changing. tr:nth-child (...
1
vote
1answer
64 views

Legend in storymap show correct hexcode colours in editor but not in final display

I have used some html/css code from here: https://blogs.esri.com/esri/arcgis/2015/12/16/enhance-legend-story-map-journal/ to display legends in a journal style storymap. The hexcodes are correct and ...
2
votes
1answer
532 views

Split label style in GeoServer CSS or SLD

I would like to split the style of my labels, which consist of 2 attributes. I already managed to separate the lines, but I need to style them differently as well, as the second line should be bold. ...
1
vote
2answers
924 views

New line in Label ,CSS Geoserver

How do i get a new line in a Geoserver style CSS ? { label: [name] (need new line here) [pop]; } Details: [name],[pop] are attributes of the layer Is there a comprehensive CSS documentation with ...
6
votes
1answer
1k views

Basic HTML Code for Map Tips

I'm trying to get map tips to behave as shown below. Light grey background with very thin white border A box that adjusts to the content rather than a fixed width of say...300px A centred title ...
0
votes
2answers
92 views

How CARTO (or other GIS-software) decides where labels are located

I´m calculating the distances between different places in my region/country. I don´t know where I can find a database of all the towns/cities already geolocated, so I have a question for considering ...
1
vote
1answer
632 views

Leaflet layer control and legend

I have a layer control with 8 layers in it. I also have a legend control in lower right. A few layers have the legend tall. Now my issue is on smaller monitors the legend control is on top of the ...
0
votes
1answer
226 views

Style layer on server side or client side?

I have GeoServer installed where I am planning to place our company layers. Since we are using a web front end (Leaflet) to get data onclick (GetFeatureInfo) from some WMS layers should I style the ...
3
votes
1answer
9k views

Why doesn't Leaflet fill the height of its parent container?

I have a ` with a specific height, inside of it I want to put my leaflet map. But the problem is that the map doesn't fill 100% of the height of its container. Why does my map not show up? HTML is as ...
0
votes
2answers
154 views

How to convert web-map website to mobile phone [closed]

I created simple web-map application,It works perfect on Desktop,but when I open on mobile or tablet then their is size problem. When I open web-map in mobile then all the web-map content size are ...
1
vote
2answers
9k views

How to position custom button controls on Google Maps API?

I've this simple map built on Google Maps APi v3 .... <html> <head> <title>Simple Map</title> <meta name="viewport" content="initial-scale=1.0"> <meta ...
1
vote
1answer
389 views

Styling the map tips pop up box with css - background-color not working

I'm trying to find some extensive documentation on styling the map tips box when hovering over features. I'm using CSS school to do basic styling but some (like background) don't seem to do anything ...