The Stack Overflow podcast is back! Listen to an interview with our new CEO.

Questions tagged [css]

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

Filter by
Sorted by
Tagged with
0
votes
1answer
236 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
10k 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
171 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
10k 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
405 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 ...
0
votes
1answer
108 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 ...
3
votes
2answers
374 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 ...
1
vote
1answer
789 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)
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 ...
1
vote
1answer
486 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. ...
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): ...
4
votes
1answer
212 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; } ...
2
votes
1answer
1k 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
250 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
328 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 ...
3
votes
1answer
650 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
321 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 ...
8
votes
1answer
13k 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 ...
0
votes
1answer
476 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
3answers
255 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 ...
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
198 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 ...
0
votes
1answer
318 views

geoserver css categorized marks

I have trouble categorize my markers by category (boolean in this case) in geoserver using CSS. I have tried a few different combinations without success. Simply I want: if true - yellow square, if ...
2
votes
2answers
1k 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 ...
1
vote
1answer
419 views

Geoserver CSS plugin - combining styles

I'm currently trying to write some SLD styles using the CSS plugin in geoserver. The problem is that the plugin merges single rules into complexed ones, ie. the following code generates 5 rules ...
2
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 ...
1
vote
1answer
207 views

White tiles with Google Chrome and OpenLayers 3 [closed]

I created personal tiles on my webserver, which works with Apache. These tiles are in folders from 0 to 16 in Jpg format. I render these local tiles with OL3.15.1. On Firefox, IE Edge and IE10 I've no ...
0
votes
2answers
2k views

Adding own logo to the bottom of the cesium application

I would like to add my own logo at the bottom of the cesium application. I would like to know which file in cesium should use to make this possible.
0
votes
1answer
214 views

Adding a border on hover to a CartoDB map

I have created a map of pedestrian collisions in Toronto in CartoDB. I would like the border of each neighbourhood to be outlined in a dark colour on hover. Is it possible to modify the CSS to achieve ...
2
votes
1answer
636 views

Mutually Exclusive Bootstrap Checkbox Switches as Layer Control

I have this JSFiddle with two checkboxes using Bootstrap Switch that changes the layer visibility in Leaflet. I would like them to be mutually exclusive, i.e neither of them can be on or off at the ...
1
vote
2answers
270 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
386 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
958 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
186 views

Why is the highlighting on these features obscured?

I have a function that highlights features when the user enters search text, and that text is found in the attributes of the given features. The code basically works; the problem is in the display. ...
0
votes
1answer
951 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} *//* ({ ...
3
votes
1answer
114 views

Generalizing exact location of certain data points using Carto CSS?

I am dealing with some sensitive data for which providing a high resolution of accuracy of the location would be detrimental. However, the general location is not sensitive and useful to share. I ...
1
vote
1answer
2k views

How to get attribute of the leaflet marker?

is there a way to get and hold the option attribute of the leaflet marker? marker = L.marker([lat,lng], {draggable:true,icon: L.AwesomeMarkers.icon({icon: '', prefix: 'fa', markerColor: 'darkblue',...
0
votes
1answer
5k views

transparent infowindow google maps apis

I can add a div into the infowindow content and set it's style giving it background color, but I failed to make it transparent. Is there a way to make the infowindow of google maps API transparent, ...
0
votes
1answer
616 views

Javascript API Scalebar halo CSS Styling

I am very new to HTML, CSS, and JS. I have added a scalebar to my map and figured out how to add a halo around the labels so they can be seen better against dark or light backgrounds, but I can't ...
0
votes
1answer
185 views

using css sprites in Openlayers 2 instead of icons

I'm using Openlayers 2 with Gmaps and a vector layer to display features with icons. I'm using this code to set the icons on the features: feature.style = { externalGraphic : iconUrl, ...
3
votes
1answer
8k views

How to let the user resize a Leaflet map <div>

I use Leaflet to display some map. I would like the user to be able to resize the map by dragging its borders as she likes. I would like to do this without additional Javascript libraries, instead by ...
1
vote
1answer
2k views

Image won't center in Leaflet pop-up

I am using Leaflet to create a map of points (from geojson) that will open a picture and text under the picture. The text is centered, but I am having trouble centering the picture. This seems like ...
1
vote
1answer
934 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="...
2
votes
1answer
3k views

Problem with NotEqualTo filters in SLD and CSS

I am having a bit of a problem with using a '<>' attribute filter in CSS for GeoServer. I have parred my CSS down to the absolute minimum for a buildings layer as follows: [aeroway <> '...
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 ...
0
votes
1answer
532 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 ...
0
votes
1answer
810 views

Geocoder's autocomplete only shows 26px in Leaflet?

I've got a map on GitHub (I have removed everything that isn't needed). The problem is that the geocoding widget doesn't show the search results completely: I guess this happens due to a custom zoom ...
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 { (…) } #...
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> ...
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 ...