2

I'm using OpenLayers 3.x with a Google Maps layer (cannot give you link, search "ol3 Google Maps layer").

I can't enhance the accuracy how points would be represented on map, see images below:

enter image description here This is the zoom out for a series of points. Each of them were accurately took from Google map (right click --> "What's here?"). Then I add to a source layer like this:

var marker = new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.transform(myCoord, 'EPSG:4326', 'EPSG:3857')),
        name: _markerInfoEnrichment(featureItem)
    });
source.addFeatures(marker);

If you pay a little attention, you can actually notice that some points (like top-left of map) has not been accurately represented. Indeed they are rerouted away from street.

But in the next image we can see that the more you zoom the more accuracy you gain: enter image description here And if I continue to zoom, the point will be well represented on street.

So, there is a way to enhance the points representation accuracy? Please also notice that same issue is still there with OpenStreetMap too.

1
  • Welcome to GIS:SE @zorta86! Could you please post your comment as an answer? The way StackExchange forums work is that users can post answers which can then be accepted. Adding "Solved" to the question title does not close it, accepting an answer will. Always worthwhile taking a quick tour :)
    – Joseph
    Commented Jun 9, 2016 at 10:07

1 Answer 1

1

SOLVED: when using a custom image as a marker, adjust the anchor in the proper way. In my case I was using anchor: [0.5, 46]. I just replaced 46 with 33, so anchor: [0.5, 33]

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.