Incorrect Visualization of Geojson using Vue2-Leaflet - vuejs2

I'm having a problem when visualizing my GeoJSON files on the web using Vue2Leaflet.
The user uploads files in the form of .dxf, then the Django backend process it into various layers and send it back to the front end. I received all the layers in the form of GeoJSON object, and I use l-map of Vue2Leaflet to visualize whichever layer is selected.
Could you please tell me what's happening here? The same code works perfectly with the example API given by the developer themselves, but not with my GeoJSON.
Reference Example
Note: My GeoJSON if visualized in QGIS shows a map shape, or at least not such a straight line for the layer.

Related

Keeping TOC layers unchecked on first load in ArcGIS JavaScript API

I am using NLiu's TOC widget for displaying the layers. It is working perfectly, however, I wanted to keep all layers unchecked when it is loading on the browser (for performance reason). I tried to find a way on its javascript files but not succeed.
Any clue to do so?
Set the layer's visible layers to none:
layer.setVisibleLayers([])

How to load a local shape or geojson file in to leaflet in Asymmetrik/ngx-leaflet?

I am using Asymmetrik/ngx-leaflet to build a map based application which can load and view external shape files. Is there any way to show local shape files?
It looks like there's a Leaflet plugin for shapefiles. I don't know if it's up to date, but you might start there.
There's also a tutorial on how to integrate third party plugins with #asymmetrik/ngx-leaflet.
Read through the examples to get a sense of how to get the plugin loaded into your Angular app. Then, you probably just need to create your shapefile layer and add it to the layers array that is bound to ngx-leaflet just like any other layer.

See the result of a query on the map with Arcgis Api JS

Let's say you enter these parameters. Which method of the "ArcGISImageServiceLayer" class can serve to display the image of the mosaic dataset? In the attached image the result is an image, but I do not know how to visualize it on the map.
Part of my code is this, I used the "queryVisibleRasters" method to try to visualize it, but it did not work, any suggestions are very well received, thanks

Geoserver Layer Preview downloads a WMS file instead of showing preview in OpenLayers

I am trying to preview a layer in Geoserver that I have created from a shape file.
I upload the shape file successfully and I see the layer in my Layers list.
When I try to preview it using OpenLayers in the Layer Preview section, instead of the preview I get a download of a wms file which contains this: Could not find layer it.geosolutions:Grid working.
Does anyone knows why I get this error?
Thanks
D.
Afterall I figured out that the problem was related with the naming of the layer. When I created the layer I named it "grid" but then geoserver renamed it to: "grid20%working".
When I was using Layer Preview I was getting this error:
Could not find layer it.geosolutions:Grid working
I guess geoserver couldn't read the name of the layer. The part "20%". When I changed the name of the layer everything worked fine.

How do I make legends in Google Maps with a Google Fusion Tables Layer work?

i am using Google Fusion Tables and Google Maps to display geographical data (e.g. markers). My map needs to have a legend, for example by inserting a div on top of the map and the layer. As i am not used to work with API of any kind, i got stuck with this legend problem.
I tried several example codes (most of them provided by google), but none worked for me. I guess that the problem of displaying divs on a map has got something to do with either the styling of the map canvas, the div implementation within the body of the html document or with the framework used (google appengine). But this is just guessing. As i am not a professional with coding, i maybe missed a important point. Maybe the folks here can help me out?
Every hint is appreciated. Thanks.
You can have a look at the code and my example [here (deleted)]. There example includes a code which should display a div, but it doesn't. I've taken it from here (Stackoverflow).
The code you're using is v2 of the Maps API. You'll want to use code that works with v3 of the Maps API, since that is the version you're using on your site.
Have you tried the sample code here?
https://developers.google.com/fusiontables/docs/samples/legend
Copy and paste the legend code from this example into your initialize method, remove the old legend code. If this doesn't work, let me know.