{"action":"created","issue":{"url":"https://api.github.com/repos/airbnb/react-native-maps/issues/882","repository_url":"https://api.github.com/repos/airbnb/react-native-maps","labels_url":"https://api.github.com/repos/airbnb/react-native-maps/issues/882/labels{/name}","comments_url":"https://api.github.com/repos/airbnb/react-native-maps/issues/882/comments","events_url":"https://api.github.com/repos/airbnb/react-native-maps/issues/882/events","html_url":"https://github.com/airbnb/react-native-maps/issues/882","id":194813617,"number":882,"title":"MapView.Marker with custom image shows in different size on the device vs simulator","user":{"login":"ssimic2","id":7103655,"avatar_url":"https://avatars.githubusercontent.com/u/7103655?v=3","gravatar_id":"","url":"https://api.github.com/users/ssimic2","html_url":"https://github.com/ssimic2","followers_url":"https://api.github.com/users/ssimic2/followers","following_url":"https://api.github.com/users/ssimic2/following{/other_user}","gists_url":"https://api.github.com/users/ssimic2/gists{/gist_id}","starred_url":"https://api.github.com/users/ssimic2/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ssimic2/subscriptions","organizations_url":"https://api.github.com/users/ssimic2/orgs","repos_url":"https://api.github.com/users/ssimic2/repos","events_url":"https://api.github.com/users/ssimic2/events{/privacy}","received_events_url":"https://api.github.com/users/ssimic2/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2016-12-11T05:12:20Z","updated_at":"2016-12-15T20:20:20Z","closed_at":null,"body":"![iphone6](https://cloud.githubusercontent.com/assets/7103655/21078224/7d35c672-bf1c-11e6-8f0c-551f640e4c15.png)\r\niphone 6\r\n\r\n<img width=\"369\" alt=\"iphone6-simulator\" src=\"https://cloud.githubusercontent.com/assets/7103655/21078235/d0c30f34-bf1c-11e6-9c2c-26dee6814ef4.png\">\r\n\r\niphone 6 simulator\r\n\r\nnpm -v react-native-maps: 3.10.8\r\n\r\nimport orangeMarkerImg from '../assets/images/markers/48/orange.png'\r\n<MapView.Marker\r\n    key={i}\r\n    title=\"Hello there\"\r\n    coordinate={{\r\n       latitude: parseFloat(venue.lat),\r\n       longitude: parseFloat(venue.lng),\r\n    }}\r\n    image={orangeMarkerImg}\r\n/>\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/airbnb/react-native-maps/issues/comments/267433320","html_url":"https://github.com/airbnb/react-native-maps/issues/882#issuecomment-267433320","issue_url":"https://api.github.com/repos/airbnb/react-native-maps/issues/882","id":267433320,"user":{"login":"ssimic2","id":7103655,"avatar_url":"https://avatars.githubusercontent.com/u/7103655?v=3","gravatar_id":"","url":"https://api.github.com/users/ssimic2","html_url":"https://github.com/ssimic2","followers_url":"https://api.github.com/users/ssimic2/followers","following_url":"https://api.github.com/users/ssimic2/following{/other_user}","gists_url":"https://api.github.com/users/ssimic2/gists{/gist_id}","starred_url":"https://api.github.com/users/ssimic2/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ssimic2/subscriptions","organizations_url":"https://api.github.com/users/ssimic2/orgs","repos_url":"https://api.github.com/users/ssimic2/repos","events_url":"https://api.github.com/users/ssimic2/events{/privacy}","received_events_url":"https://api.github.com/users/ssimic2/received_events","type":"User","site_admin":false},"created_at":"2016-12-15T20:20:20Z","updated_at":"2016-12-15T20:20:20Z","body":"@ochanje210 thanks for the help.\r\n\r\nNesting <Image definitely helped. Now, the marker image looks the right size on both simulator and device.\r\n\r\nThe 2nd issue (wrong anchor location) is still present event after setting anchor props. Two notes:\r\n\r\na. Setting anchor props on <MapView.Marker does not seem to affect location of the <Image when nested in within the marker. I have used: anchor={{ x: 0.5, y: 1 }}, anchor={{ x: 0, y: 0 }}, anchor={{ x: 1, y: 1 }} . All drop the image at the same location (see image below)\r\n\r\nb. The issue is showing up only on lower zoom levels. Both simulator and device show markers anchored to a wrong place:\r\n\r\n<img width=\"373\" alt=\"smallerzoom-simulator\" src=\"https://cloud.githubusercontent.com/assets/7103655/21239753/2103f33e-c2bd-11e6-97c3-6b19ef0ad9c5.png\">\r\nLower Zoom (Simulator)\r\n\r\n![smallerzoom-device](https://cloud.githubusercontent.com/assets/7103655/21239772/38596da2-c2bd-11e6-850e-2f393db57e0e.PNG)\r\nLower Zoom (Device)\r\n\r\n\r\nOn the higher zoom level, both device and simulator have marker anchored at the right lat/lng:\r\n<img width=\"373\" alt=\"higherzoom-simulator\" src=\"https://cloud.githubusercontent.com/assets/7103655/21239934/e7565108-c2bd-11e6-9fa2-d8b67b95dc08.png\">\r\nHigher Zoom (Simulator)\r\n\r\n![higherzoom-device](https://cloud.githubusercontent.com/assets/7103655/21239938/f0b795f4-c2bd-11e6-81b3-72c78ee1ad09.PNG)\r\nHigher Zoom (Device)\r\n\r\n\r\nMaybe I am missing something obvios. If not, I will open another issue, and close this one.\r\n\r\n\r\n\r\n\r\n"}}
{"actor":{"display_login":"ssimic2"}}