Skip to main content
Filter by
Sorted by
Tagged with
1 vote
0 answers
61 views

performing arithmetic on GeoJson

I am trying to add a marker to the left/right of a point I have from a GeoJson object. I am trying to take my coord and subtract 0.00001 from it, but it errors out my code when I try to run it. I ...
Jack Lindsay's user avatar
0 votes
1 answer
660 views

Add a user inputted location to OpenStreetMap using Leaflet.js

I am trying to create a map of user-inputted locations, however to do this I need to convert inputted cities into their latitude and longitude. This allows me to easily plot them using Leaflet.js ...
mysterykid's user avatar
1 vote
1 answer
2k views

how to make access tokens in leaflet.js API

why am i not able to get the map on the canvas how can i access token for an API enter image description here <!DOCTYPE html> <html lang="en"> <head> <meta ...
sankirtana gv's user avatar
1 vote
1 answer
126 views

How can I make transitions between dc.js charts smooth when I have a map with more than 20k points?

I've recently built a smaller version of a prototype data explorer incorporating crossfilter, dc.js, and leaflet.markerCluster. The small version, (prototype dashboard), works properly. The problem I ...
Jeff Lean's user avatar
0 votes
1 answer
390 views

JavaScript code will not output geojson data onto leaflet map

I am trying to output geojson data onto a leaflet.js map but the console output in browser outputs the following line: "Uncaught TypeError: Cannot read property 'features' of null" The geojson has ...
Nathan R. Deering's user avatar
1 vote
1 answer
49 views

dc.js (version 3.0.7) - unable to plot rangeChart ('focusChart' of undefined error)

I am having trouble plotting a rangeChart for my lineChart. d3.tsv("demo.tsv").then(function(someData) { drawMarkerSelectsome(someData); }); function drawMarkerSelectsome(someData) { parseDate =...
Shaibal Ahmed's user avatar
1 vote
1 answer
161 views

Doing calculations with dc.js numberDisplay

I would like to make further calculations from the values of two separate numberDisplays in dc.js Here's the code, function makeGraphs(data) { xf = crossfilter(data); all = xf.groupAll(); ...
Shaibal Ahmed's user avatar
3 votes
1 answer
604 views

dc.js, prevent pie chart external label overlap

I am not able to show labels properly for the cases where group values are very close together so the labels tend to overlap. I have tried minAngleForLabel. What else can be done here? The code for ...
Shaibal Ahmed's user avatar
6 votes
2 answers
5k views

How to make a tiled image pyramid for leaflet from a non-geographic source

Suppose I have a non-geographic image instead of a usual map. Let's say for example an x-ray, MRI scan or microscope image and I would like to use leaflet so I could zoom-in, zoom-out and put some ...
Aenaon's user avatar
  • 3,553
0 votes
1 answer
695 views

Possible to use LayerGroup for GeoJSON Polygons, MultiLineStrings and LineStrings?

In the leaflet.js documentation an example with layers of markers is documented. I would like to create a layer of polygons in GeoJSON format. Is this possible? I've defined a variable for each ...
Saud 's user avatar
  • 490
1 vote
0 answers
833 views

reset all values of pie chart and map while click on reset option in dc.js

i have dc.js chart with marker cluster all are linked together but my reset option(which i used to redraw the whole values again) is not working and there it is also not showing any console error.i am ...
user7843669's user avatar
3 votes
1 answer
9k views

Leaflet.js geoJson labels

I'm using a geoJson layer with Leaflet.js, showing countries here. I'm adding country labels with the following: L.marker(layer.getBounds().getCenter(), { icon: L.divIcon({ className:...
Alex's user avatar
  • 73
0 votes
1 answer
292 views

filterAll(); not working with leaflet map

I'm trying to reset a leaflet map (to its original view) after clicking on a marker using: <h5>Location <a class="reset" href="javascript:mapLocation.filterAll(); dc.redrawAll();">reset&...
mutanthumb's user avatar
1 vote
2 answers
786 views

Dc.js leaflet marker popup showing fields from input data

I'm a dc.js novice working on a dashboard displaying information on charts and a map. I'm currently unable to display information on the marker popup window besides the default, which seems to be a ...
zanmatt's user avatar
  • 35
1 vote
0 answers
4k views

leaflet.js marker-icon-2x and marker-shadow.png not loading

is it possible to use a custom icon on my Leaflet map? I tried to do something like : function onLocationFound(e) { var radius = e.accuracy / 2; var customIcon = L.icon({ ...
AISAC's user avatar
  • 931
1 vote
2 answers
6k views

Use 3D View Google Map in Leaflet plugin

I Use Leaflet Map Plugin. i Write this code for create and load google map tiles in LeafLet var map = L.map('map').setView([31.2744015, 48.7251283], 18); // load a tile layer //Satellite: ...
Pouya's user avatar
  • 1,918
0 votes
0 answers
48 views

XMLHttpRequest cannot load No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin geoserver with php ajax call [duplicate]

I know this may be a duplicate question.Please dont mar this as a duplicate . Im struck with this for the last two days. Please help me. I have googled it . But i'm not able to find the solution for ...
Pranav MS's user avatar
  • 2,296
0 votes
0 answers
1k views

How to draw and route path in leaflet.js non-geographical map?

I have used leaflet.js to built a non geographic map using CRS On top of this i have used leaflet draw control to manually draw lineString and then later saving them into mysql. From the eg image ...
danish hashmi's user avatar
2 votes
0 answers
595 views

Can I make a hybrid choropleth and marker chart in dc.leaflet.js?

I need to make a crossfilterable data map that is a choropleth chart with markers as well. The docs at https://github.com/dc-js/dc.leaflet.js say: There are two charts currently implemented - ...
Robbie's user avatar
  • 445
2 votes
1 answer
689 views

dc.js and dc.leaflet.js; wrong type of map returned

I'm trying to make a dashboard using dc.js. It has a few charts and a choroplethChart. It all worked fine, but I needed to add leaflet to the map. I've followed this sample and used dc.leaflet.js ...
Alex's user avatar
  • 1,008
26 votes
3 answers
52k views

leaflet.js map is not showing up

I am a newbie to leaflet.js. Can anyone help me with debugging the following code? I am trying to show a map on screen but only zoom-in and zoom-out button shows up on Google Chrome and the map ...
anandg112's user avatar
  • 462
1 vote
1 answer
388 views

dc leaflet js How to update the chloropeth with data from new ajax call?

I am trying to draw a chloropeth chart using dc leaflet js. The code I have is given below: (function yieldvisualization() { var stateMap = dc.leafletChoroplethChart("#yieldcountymap")...
YEDURAG BABU's user avatar
0 votes
1 answer
309 views

How to place image between two marker using css : leaflet

In my application where i use leaflet api, i am able to put two gate markers and polyline drawn between them. Here, i just wanted to find out the way to put the image from css on the polyline which ...
Suhail Mumtaz Awan's user avatar
0 votes
1 answer
181 views

Drawings not visible after removeLayer method : leaflet

Introduction As i am working on application which uses leaflet api. Live Here Where first user enter '1' as input to load the image on map. Then user can draw different shapes(fences) using bottom-...
Suhail Mumtaz Awan's user avatar
0 votes
1 answer
928 views

How to calculate pixels on latlng base: leaflet

I am working with the leaflet api.Where User draw a polyline and latlongs saved in variables. I been looking for a leaflet function which suppose to take latlongs and calculate pixels.Found the ...
Suhail Mumtaz Awan's user avatar
1 vote
1 answer
2k views

Marker not being removed : Leaflet

I am working with the leaflet api.Where i have added custom control for marker. And i have a button which tends to remove all markers. Problem Through wrapping, i have to remove all markers but ...
S.Zirk's user avatar
  • 139
0 votes
1 answer
1k views

Binding Custom Markers with base layer : leaflet

Working with leaflet api where i have added a custom marker control... There also we can add multiple baseLayer and toggle between these layers.... Lately i was trying to bind the markers with this ...
Suhail Mumtaz Awan's user avatar
1 vote
1 answer
595 views

Imageoverlay state lost when using BringToFront() : leaflet

Introduction I am working with leaflet api, to create an application which uses two imageoverlays(added to map). Problem As i loaded two imageoverlays to map with fixed bounds. Now i am have put ...
Suhail Mumtaz Awan's user avatar
3 votes
0 answers
419 views

How save state of an ImageOverlay : Leaflet

Introduction I am working with leaflet api, to create an application which uses two imageoverlays(added to map). Problem As I loaded two imageoverlays to map with fixed bounds. Now I am have put ...
S.Zirk's user avatar
  • 139
0 votes
1 answer
2k views

how to calculate pixels in leaflet

I am working with leaflet plugins, calculating distance between two points of a polyline or whole distance of joint/multiple lines Work : I set up the script to measure the distance in meters when ...
Suhail Mumtaz Awan's user avatar
4 votes
1 answer
586 views

Change the size of SVG according to device size in D3.js?

I am trying to visualize map and charts using leaflet.js and d3.js. I want to make the view device compatible. But my charts and maps are not device compatible. The code of showing a simple bar chart ...
user avatar
-1 votes
1 answer
668 views

How to locate the whole South Africa map on leaflet [closed]

I am trying to Display South Africa map only on leaflet.js and when i run my application it keeps on displaying just a small area instead of the whole country var map = L.map('map').setView([-...
Glozz's user avatar
  • 19
0 votes
1 answer
566 views

How can we filter charts with map hover using dc.js and leaflet maps

I found the flash filter from this address.If you check this you will see when mouse hover map or other charts every elemnts filtering.I want to do like this with dc.js and leaflet maps. How can we ...
coder1's user avatar
  • 65
2 votes
2 answers
1k views

How to display the value (sum) rather than count of markers in a dc.leaflet.js

I want to use crossfilter's reduceSum function dc.leaflet.js, and display the sum instead of the number of clustered markers. The first example for dc.leaflet.js uses reduceCount. Additionally it ...
coder1's user avatar
  • 65