Questions tagged [css]

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

Filter by
Sorted by
Tagged with
1
vote
1answer
173 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 ...
3
votes
3answers
12k 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> <...
2
votes
0answers
147 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
150 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
2k 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
2answers
273 views

GeoServer CSS styles Submission Issue

I tried to add more than three rules of CSS styles, whenever I tried to add fourth rule, I can't submit the style in Geoserver 2.8.1. Please find the CSS styles I used below. /* Default Style less ...
1
vote
1answer
251 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 ...
2
votes
2answers
2k views

How to specify (cross-browser) mouse pointer sets on leaflet control?

Leaflet custom controls might be interactive, when the user can use the mouse on them to perform an action, or non-interactive, when they are used only to show information. This should affect the ...
0
votes
1answer
235 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
323 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
462 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', ...
0
votes
1answer
535 views

How do I cluster by features in CartoDB?

I have a set of points for a number of buildings in NYC. I would like to group those points into clusters per their respective neighborhood (ex: Chelsea, Upper East Side etc.). Each of my points have ...
1
vote
2answers
220 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 ...
4
votes
1answer
218 views

Geoserver linestring fill based on attribute value

I'm experimenting with Geoserver. I'm styling a linestring layer with CSS in this way, which works fine: [userid = 1] { stroke: #8C2300; stroke-width: 3px; stroke-linecap: round; z-index: 0, 1; } ...
1
vote
1answer
75 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 ...
1
vote
1answer
258 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 (...
2
votes
1answer
641 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
1k 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 ...
0
votes
2answers
95 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 ...
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
1answer
11k views

Positioning leaflet divIcon when adjusting size using css

I am using the L.divIcon when using iconSize:null which is causing iconAnchor:[0,0] to not be recognized,my code looks like this: var divIcon =L.divIcon({ className:'current-location-icon', ...
1
vote
1answer
424 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 ...
1
vote
1answer
832 views

Using HTML and CSS with QGIS Map Tips?

I'm trying to make the red text 'un-wrap' itself and use all the room available. My code is shown below. (I've tried playing with the margin as well but no luck)
3
votes
2answers
382 views

Using Map Tips and Ruled Expression in QGIS?

QGIS 2.18.5 I'm trying to add a condition to my expression in my html/css map tips where if a value is 'null', the result will show 'no data available'. I've got a screenshot of my map tip so far ...
0
votes
1answer
248 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
11k 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 ...
1
vote
0answers
40 views

ArcGIS Online Not Accepting CSS for Transparency

I am attempting to make the background of an element (timecontainer) transparent by using ArcGIS Online's custom CSS option. The desired effect is seen below (note the semi transparent background): ...
1
vote
1answer
38 views

Avoid sending CSS with each search in CartoDB

We’re developing a project with CartoDB and we want to show each element with a custom image. We are doing this setting the sublayer.setCartoCSS() with something like this: cartocss: "#map { (…) } #...
0
votes
2answers
190 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
3answers
268 views

Geoserver CSS title

I am using GetLegendGraphic to fill my legend in a leaflet map. I use CSS to style my layer on Geoserver but I have trouble to add the title to my legend graphic. This code work and add an explanatory ...
0
votes
1answer
113 views

How to adjust logo with CSS Viewer in QGIS Cloud Pro

I am new to creating web maps and am using QGIS Cloud Pro. I uploaded our company logo onto the web map, but most of the logo is cut off. Using the Viewer tool and CSS there I have tried to adjust it ...
1
vote
0answers
47 views

CSS and border transparency around web map markers

The issue is that the image that I have in a web map visualizes map markers and place icons with white space around them. I checked this in the FireFox browser developer console and it seems to be an ...
2
votes
1answer
2k views

Centering custom control horizontally in OpenLayers 3? [closed]

This is more like a CSS question than a GIS one. But I don't have any clue how to center an element that has an absolute position. Here's some relevant markup for my icon category selector that I ...
1
vote
1answer
524 views

Geoserver doesn't render labels

I've tried to create several types of GeoServer layer stylings with basic labels, both in SLD and via the GeoServer CSS extension. Yet, not once have I managed to get the labels actually rendered. ...
3
votes
1answer
2k views

How to add custom CSS class to leaflet tilelayer

I am working with mapbox.js and leaflet to create a map with a number of overlapping tilelayers. I want to apply some custom CSS to only selected tilelayers, and thus assign these layers to an ...
3
votes
1answer
339 views

GeoServer: Legend title with single feature layer

Been working with GeoServer for some time now. While working with the publishing tab of the layer, I noticed a problem. Every time that I set the default style with a single featured CSS style, the ...
9
votes
1answer
15k views

Overriding Leaflet tooltip style?

I'd like to override the default style of Leaflet 1.0.0 tooltips, especially the bubble/frame. I don't see any options or methods for this. How do I hook into the CSS? I want to change layers ...
1
vote
0answers
85 views

Positioning a map

Somebody recommended me to use this site:- http://cs2cs.mygeodata.eu/ after I explained that this coordinates[-28.23078, 28.30707] which belongs to Bethlehem in South Africa centers the map to towards ...
0
votes
1answer
984 views

OpenLayers 3 Popup customization issues [closed]

I have an OpenLayers cluster map. I want to create a customized popup as follows: The problem I'm facing is auto-pan doesn't work var popup = new ol.Overlay(//** @type {olx.OverlayOptions} *//* ({ ...
2
votes
1answer
2k views

Make tool tip wrap text

I can't figure out how to wrap the text on the leaflet tooltip. I dont want to display the marker so its hidden, but i want to the text to wrap the text in the tooltip if possible .myTooltip { ...
5
votes
0answers
274 views

swipe dynamic layers using spy glass in ol3 [closed]

I am working on swipe based ol3 web application where i want to use spy glass for dynamic added layers. I have seen layer spy example but this is only for single layer swipe .. I want for dynamic ...
3
votes
1answer
682 views

Creating an Interactive Chart/Graph in ArcGIS Online

My question: Can this interactive chart element be done in ArcGIS Online with some clever CSS additions? Or would I need to host the map with ArcGIS for Server and use my own JavaScript? In ESRI's ...
1
vote
1answer
980 views

How to call a leaflet Javascript Function in dropdown menu bar?

I am having the following problem: My target is a hybrid application with leaflet. I create a drop down menu with html/CSS/JQuery. Here is the code: <nav> <ul> <li id="...
1
vote
1answer
408 views

Geoserver CSS style for PropertyIsLike

I am trying to convert sld to css style. The below code is have written SLD style for filter a word using PropertyIsLike <ogc:Filter> <ogc:PropertyIsLike wildCard="%" singleChar="_" ...
1
vote
1answer
995 views

Converting SLD to CSS style in GeoServer?

I am trying to convert SLD to CSS styles in latest geoserver version 2.8.1. I have added css plugins(from geoserver-2.8.1-css-plugin.zip) but it is not working properly. Is there any other plugin ...
1
vote
1answer
327 views

GeoServer CSS Map Styling

I'm using GeoServer for the publication of my maps. To generate a style for a map I mostly use the SLD's generated by QGIS. But since these generated SLD's don't always cover the whole style made in ...
1
vote
1answer
1k views

Leaflet adding a HTML label

I would like to add a HTML label above each marker in a leaflet map. Is this possible? Example: Code for labels: HTML <table> <tr> <td class="red"></td> ...
0
votes
1answer
503 views

Why is my geoserver css style not working when I add multiple filters?

I am using Geoserver and the CSS Style plugin. The following code works fine and shows an 'L' when the feature is 'Left' and the '*' filter catches anything else and shows it as an X. * { mark: ...
1
vote
1answer
1k views

Change the size of legend on Cartodb

My legend is too big and it is blocking the view of my map. The size of the map is fixed, so the only solution is to make the legend smaller? Is there any way to do this? <div class='cartodb-...
0
votes
1answer
202 views

TypeError for openlayers3 measure example of area

I have got the typeerror for the 1. TypeError: helpTooltipElementa is undefined 2. helpTooltipElementa.innerHTML = helpMsga; I have defined the helpTooltipElementa in the code even though i am ...