An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps

learn more… | top users | synonyms (1)

0
votes
1answer
58 views

JSONs made from shapefiles are not plotting (using folium or Leaflet alone)

My goal is to plot two shapefiles as layers on an interactive map. The files I'm using live at https://github.com/AnnaMag/maps. I transformed shapefiles to .geojson using ogr2ogr -f ... e.g. ...
0
votes
0answers
12 views

TimeDimension in R, leaflet [duplicate]

it's possible to do this this with R,leaflet ? any suggestion please?
3
votes
1answer
135 views

Leaflet: How to style my polygons in a GeoJSON layer?

I am trying to figure out why my polygons are not changing color based on a value I have in my GeoJSON. I've set up a hypothetical test here to replicate my issue here. JSFIDDLE link here My data ...
2
votes
1answer
55 views

L.esri.query - where is it?

I have a website that is displaying a MapBox map, using Leaflet. One of the layers is generated from an Esri ArcGIS Rest interface, using Esri's Leaflet plugin: https://esri.github.io/esri-leaflet/ ...
2
votes
1answer
33 views

Accessing First Member Coordinates of geoJSON

I apologize if this is trivial or not possible, I am new to GIS. So I have a geoJSON file with thousands of members, each with a point coordinate. Is there a way for me to access the first coordinate ...
0
votes
1answer
69 views

Adding shapes and/or icons to legend using Leaflet within R?

Is it possible, using Leaflet within R, to make a legend in such way that includes a set of icons or shapes and their corresponding value?
3
votes
2answers
114 views

Leaflet JS - Add text to circles

I am trying to create a map using Leaflet with circles that indicate distances on the map at current zoom level (map scale). See illustration below: I know how to calculate sizes and update the ...
0
votes
0answers
15 views

update markers when not watched

In angular-leaflet-directive is there a way how to update markers and paths on the map when we switch off the $watch using markersWatchOptions?
1
vote
1answer
127 views

How to geocode location using twittersearch for leaflet map of tweets

I'm using twittersearch to iterate over user input topics and location of interest that will then be visualized in a leaflet map. So using 'place' I can get a map, no problem. I'm trying to increase ...
0
votes
1answer
159 views

How to add WMS legend in leaflet from Geoserver?

Can anyone explain me how I can include a legend within the layer control for any individual WMS layers in leaflet? The wms service works fine. I just want assign the symbol label to each layer of ...
1
vote
1answer
264 views

Is it possible to use Leaflet.draw on a map in R?

I want to develop an application where a user can draw a line, polygon etc... I currently develop with R and leaflet package and I found that it is possible to work with Leaflet.draw under ...
0
votes
1answer
40 views

Zoom dependent layers in leaflet

My leaflet map has two WMS layers with different scales; one of them is a 4cm topographic map. I would like to have both WMS on the map but showing only the topographic map when the zoom of the map is ...
0
votes
1answer
88 views

Leaflet layers on different zoom levels. How?

I've added a polygon layer and a point layer to my leaflet map. I would like the points to appear after a certain zoom level or when a "click" event occurs e.g. (polygons.on("click", function....) ...
1
vote
1answer
57 views

Populate markers in leaflet with tweets and tweet location using python

I am iterating over twitter using python, the user inputs a topic to search for on twitter and then the location to view on the map in leaflet. The leaflet map is created automatically in the browser. ...
0
votes
1answer
130 views

Zoom to polygon bounds on click. Leaflet ´, GeoJSON

I have a leaflet map with a lot of polygons (borders). I will like to zoom to the bounds on the polygon, when the user click. Until now its only possible for me to zoom to the the bounds of all the ...
0
votes
1answer
33 views

Proj4Leaflet with EPSG:2263 does not seem to project correctly

For some reason EPSG:2263 projections seem to be incorrect. The tile server works properly at all zoom levels as configured. However, the tiles are rendering at the incorrect latLong. Origin was ...
0
votes
1answer
82 views

What's the most appropriate way to load Mapbox Studio tiles in Leaflet?

I'm updating a Leaflet map's basemap, and I'd like to use Mapbox to create this basemap. At first I thought I would have to ditch Leaflet and switch entirely to Mapbox GL. After digging around in the ...
1
vote
1answer
90 views

Check if circle is within polygon/rectangle/circle in leaflet and turfjs

I am using leaflet and turfjs. I am able to check whether rectangle/polygon/point is within another polygon. But I am not able to check the same for circle. I want to restrict user to draw circle ...
2
votes
2answers
58 views

Leaflet Maps trouble on personal webpage

I created a personal webpage on notepad++ and created links to 5 different leaflet maps on it. it works fine when you run it from notepad++. The problem is when I used FileZilla to put my files onto ...
0
votes
0answers
41 views

Adding custom vertices to a Leftlet LineString / Polyline

I have a normal Leaflet Draw page here, when I'm not in editing mode I would like to have custom vertex icon in some of the vertices that will also respond to click events, showing a popup. I looked ...
0
votes
0answers
58 views

Display Leaflet WMS Layers from same source on different panes

I am using the Leaflet WMS plugin to add in layers to my map via a WMS. I have the following code below that adds all of the layers using the same source but as separate layers. However, I want to ...
2
votes
1answer
79 views

How to rotate an embedded web map (on pc)?

I was looking through a couple of maps I made, the maps were created by serving VectorTiles through TileStache and using Leaflet and Tangram (on respective pages) to render them. One of the reasons I ...
0
votes
1answer
49 views

Map editor R & leaflet?

That is possible on a web map designed by R & leaflet give the opportunity to the user to draw lines, polygons, choose the colors (like a map editor)? if yes what's the package that allows me to ...
1
vote
1answer
50 views

Is it possible to map a leaflet provider (precipitation) on top of a polygon in an interactive map?

I've just started using the leaflet package in R to create interactive maps and I'm wondering if it's possible to plot one of the leaflet providers on top of a plotted polygon rather than under it as ...
2
votes
1answer
113 views

How to get the current user location automatically every “x” seconds and put it on a Leaflet map?

I need to get the current user location automatically every "X" seconds (5 or 10 sec.) and put it on a simple Leaflet map. I've seen the Leaflet on Mobile sample here ...
4
votes
1answer
89 views

Trigger a layers 'on hover' effect through another layer in Leaflet

Im trying to make a map containing two separated basemaps one with terrain and second with labels, and with vector data layers in between. The problem is when I try use hover/click events on data ...
1
vote
0answers
45 views

Draw L.circle in a custom pane

I want to draw L.circle in a custom pane but I am using mapbox.js and hence the leaflet version 0.7.7. How can I draw L.circle in a custom pane? Do we have to copy some js files from the current ...
1
vote
1answer
47 views

Getting Node.appendChild error with leaflet

I am trying to add a popup function to some polygons. I've been consulting a few different tutorials trying to work it out and I'm concerned that I am getting conflicting instructions. The map I have ...
1
vote
1answer
69 views

LEAFLET - geojson properties in bounding box

Is there a way to show geojson properties which are located in current bounding box? something like this http://turbo87.github.io/leaflet-sidebar/examples/listing-markers.html with geojson and its ...
0
votes
1answer
22 views

Similar representation of flow using leaflet and its plugins for Polyline

Is there any javascript plugin of leaflet that can achieve that which are shown in the link? http://gmaps-samples-v3.googlecode.com/svn/trunk/symbols/polyline-symbols.html Is it as smooth as shown ...
1
vote
1answer
50 views

Converting json to geojson

I am writing a web service which in return gives json format data can anyone help me to convert this data into geojson format. { "STATE_ABBR": "AK", "file_name": "addresses", "AREA_WATER": ...
0
votes
1answer
74 views

Zoom to and Spiderfy MarkerClusterGroup, open popup of target marker

I am trying to zoom to a specific marker and open its popup using an external onclick event. To achieve this I need get the leaflet ID of the target marker, spiderfy the MarkerClusterGroup and call ...
1
vote
0answers
45 views

How do I create an attribute table in a web page from GeoServer using JavaScript?

I'm trying to create a custom web application using Leaflet and Geoserver. I've got my layers visible in a map viewer, but I'd also like to show an attribute table of the visible map layers. I can't ...
1
vote
0answers
46 views

Need to highlight required area using leaflet [closed]

I need to display a polygon and highlight a city, I added the link bellow https://nominatim.openstreetmap.org/search.php?q=Bambalapitiya&polygon=1&viewbox= as nominant search I need to ...
0
votes
0answers
66 views

“Cannot read property 'name' of undefined” in fuse.js / Leaflet-search.js

If I type the correct name and press enter, it takes me to the right place but does not show results below the search field as it should. Taking example form ...
2
votes
1answer
40 views

How can I load GeoJSON from URL to leaflet? [closed]

I want to use leaflet's L.GeoJSON to load the GeoJSON from my URL. I have tested to use leaflet-ajax plugin and it worked. The codes as follow: <link rel="stylesheet" ...
0
votes
1answer
54 views

Is it possible to edit draw panel in Leaflet Draw?

Can i edit leaflet draw panel by adding some new buttons? For example, i want two buttons for drawing polylines, three for markers and etc.
1
vote
1answer
43 views

How to access png tiles loaded in the browser

I've a local map server that renders mbtiles file in the browser and I'm trying to access the source files generated by it and loaded on the document. So far I've been able to get my hands on the ...
1
vote
1answer
105 views

Error with Leaflet Tutorial on adding Mapbox tile layer

I'm trying to add a Mapbox Classic base layer from my account using Leaflet's tutorial. I can't figure out what's wrong with my code: <div id='map' ></div> <script> var map = ...
-1
votes
1answer
26 views

using qq map tiles with the leaflet.js :Uncaught Error: No value provided for variable {x16}

I tried to use qq map tiles with the leaflet.js but it has an error "Uncaught Error: No value provided for variable {x16}" and cannot show map. My code var map = L.map('map'); ...
-1
votes
1answer
30 views

Problem loading specific WMS with leaflet

I try to add this WMS in a Leaflet map by using the L.tileLayer.wms. ...
3
votes
1answer
81 views

How do I get the bounds of a layerGroup in Leaflet?

I have added multiple geoJSON layers to my map by first adding them to a LayerGroup and then adding the layerGroup to the map. Now I want to call fitBounds on the map with the combined bounds of all ...
3
votes
4answers
74 views

Problem in ubuntu loading geoserver wms layer in local server with leaflet

I am just starting to work with geoserver. I am trying to do the same openlayers-geoserver example but using leaflet to view the map instead of openlayers: Publishing a shapefile This code is not ...
1
vote
1answer
78 views

How to use Leaflet's overlayadd event

In the example at http://jsfiddle.net/gwulo/w6cvagoL/4/ I'd like to force only one overlay to be visible. So if you select Cities2 in the layer switcher, the Cities1 overlay should be de-selected. ...
1
vote
1answer
51 views

Set view does not work after Fitbounds

I have a map and a layergroup. var map = L.map('map').setView([27.6758,85.3313], 12); L.tileLayer('http://{s}.tile.cloudmade.com/8ae544230be74379927e6dee5d416398/997/256/{z}/{x}/{y}.png', ...
4
votes
0answers
79 views

Thematic map exported using QGIS2Web is extremely laggy

I have made a world thematic map and added layers of data for creating graduated color scheme on the country level. I need a interactive map as an output which shows values when user hover over any ...
5
votes
2answers
123 views

How to render Multi-Response GeoJSON tiles

I am using TileStache to combine and server multiple vector layers in a single Mutli-Response GeoJSON tile, which is basically all my individual tiles/layers (GeoJSONs containing either roads, pois, ...
4
votes
2answers
148 views

How to convert non Web-Mercator coordinates to the tile Y, X, Z coordinates?

I just found that leafletjs and openlayers have two different conventions to convert coordinates from EPSG:4326 (WGS 84) to tile names ({Z}/{X}/{Y}). Thus I would like to have more information about ...
3
votes
3answers
77 views

Projection issues with Leaflet - polygon appears off

Using Leafletjs to upload coords from a json file as a polygon. The original coordinates are Vicgrid94(3111). I used QGIS to change the projection to LatLng (4326). When I load the points onto my ...
1
vote
0answers
53 views

Leaflet drag scrolling on mobile

My leaflet map is between a navigation bar and a chart displayed underneath. Unfortunately after recently incorporating leaflet-1.0-beta-2 my responsive layout is not working out on mobile devices ...