Questions tagged [css]

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

25 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
3
votes
0answers
205 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 ...
2
votes
1answer
149 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"> &...
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....
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 ...
2
votes
0answers
857 views

Exporting to SVG in ArcMap. How to change or call svg clippath polygon attributes in CSS

Recently I exported a map document from the ESRI ArcMap 10.2.2 to SVG. I would like to animate this map with css and javascript however the "clippath" polygons that arcmap creates makes it ...
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 ...
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 ...
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 ...
1
vote
0answers
293 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
0answers
50 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
0answers
41 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
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 ...
1
vote
0answers
1k views

Apply css styles to layers in openlayers3

define layers and styles using openlayers3 API. I need to apply css styles for layers.for that code is in below used //applying styles for wms layer var fill = new ol.style.Fill({color: 'rgba(237, ...
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
119 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
0answers
32 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 ...
0
votes
0answers
52 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
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 ...
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....
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
241 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 ...
0
votes
0answers
643 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 ...
0
votes
1answer
315 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
0answers
540 views

Navbar on ArcGIS JS API causing locator to behave buggy

I have added a nav bar with combo boxes to extend an ArcGIS JS API application further. When a location is selected on the map the point does not appear and I receive this error. Failed to get text ...