[GIS] Display Leaflet Markers with UTM coordinates

leaflet

is it possible to display markers with UTM coordinates (zone 32) with leaflet and OSM? How can I do this? If I use UTM Coordinates like latlng, the position is totally wrong:

        L.marker([5698015.694, 312400.093]).addTo(map)
        .bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();

Did I have to translate them first, or is it possible to display UTM coordinates directly with leaflet?

Best Answer

Leaflet does not do coordinate translation (except the implicit one between LatLon and Web mercator).

Check out https://github.com/kartena/Proj4Leaflet, this should enable you to work with UTM coordnates (WGS84 UTM Zone 32 is EPSG:32632, proj4js def here: http://spatialreference.org/ref/epsg/32632/proj4js/)

Related Solutions

[GIS] Leaflet – Change style on click

A couple of edits and suggestions that might help you. I am sure there is a more elegant way to do this, but I tested it and it works.

You have to check first if the variable clickedFeature is already defined. One way to do that is by checking what type it is. If the type is not defined yet, then the variable isn't defined yet.

function clickFeature(e) {
                    if (typeof clickedFeature != 'undefined') {clickedFeature.setRadius(3)}

You have to define the function update. info.update does not make sense in this case.

                    var layer = e.target;
                    e.target.setRadius(5);
                    clickedFeature = e.target;
                    update(feature.properties.PROPERTY)
                    }   


    var update = function (feature, latlng) {
        return L.circleMarker(latlng)
};

You don't have to add it to your layer again, since the function is called when the layer is created. So I deleted .addTo(MyLayer).

function onEachFeature(feature, layer) {
                                layer.bindPopup(feature.properties.name);
                                layer.on({click: clickFeature,})
                                }

[GIS] Using UTM in leaflet efficiently

You can use the transform set up in proj4leaflet. I expect that you have already crated a CRS in your map.options.

var my_crs = map.options.crs; // get the CRS
var my_proj = my_crs.projection; // get the projection
// transform the lat lon Point to a utm point
var my_utm_point = my_proj.project(point_in_latlng);

If you want to set the internal coordinate system to UTM in leaflet I think you have to do a lot of recoding or use openLayers instead.

Best Answer

Related Solutions

[GIS] Leaflet – Change style on click

[GIS] Using UTM in leaflet efficiently

Related Question