MKAnnotation image offset with custom pin image

懵懂的女人 提交于 2019-11-26 22:39:31

问题


I have a MKAnnotation with an custom pin image. However the pin(MKAnnotationView) centers the image in relation to the specified coordinate. I want to set the point of the coordinate at the bottom center of the image, not center.

I've tried using annView.centerOffset = CGPointMake(-12, -28);. But the problem is that centerOffset isn't relevant to the maps zoom level.

One can do this both in the JS API and in Android. Is there any possibility to do this in objective-c?

..fredrik


回答1:


Your UIAnnotationView is always drawn at the same scale, the map's zoom level doesn't matter. That's why centerOffset isn't bound with the zoom level.

annView.centerOffset is what you need. If you see that your pin is not at the good location (for example, the bottom center move a little when you change the zoom level), it's because you didn't set the right centerOffset.

By the way, if you want to set the point of the coordinate at the bottom center of the image, the x coordinate of your centerOffset should be 0.0f, as annotationView center the image by default. So try :

annView.centerOffset = CGPointMake(0, -imageHeight / 2);



回答2:


Setting the centerOffset often moves the image arround when user rotates or zooms the map, as anchor point is still set to the center of the image instead of its lower center.

You can set the anchor point of the annotation to the bottom center of you custom image as follows:

yourAnnotation.layer.anchorPoint = CGPointMake(0.5f, 1.0f);

This way when user zooms or rotates the map your custom annotation will never move from its coordinates on the map.




回答3:


You can use this guide to figure out your center offset.




回答4:


All the given solutions by now would mess up the pin if you zoom out. The only fully working solution I found so far is to increase your custom image height with its height. In other words - double the height. Also move the pin image to the top and leave the rest transparent. This way the center of the image will be the bottom point of your push pin.

Now no matter how much you zoom or if you rotate the map the pin will stay centered on the location you want.

The one problem I can think of is that the tappable area for this pin will be increased as well.

I hope this helps!



来源:https://stackoverflow.com/questions/8165262/mkannotation-image-offset-with-custom-pin-image

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!