{"action":"created","issue":{"url":"https://api.github.com/repos/KoRiGaN/Vue2Leaflet/issues/96","repository_url":"https://api.github.com/repos/KoRiGaN/Vue2Leaflet","labels_url":"https://api.github.com/repos/KoRiGaN/Vue2Leaflet/issues/96/labels{/name}","comments_url":"https://api.github.com/repos/KoRiGaN/Vue2Leaflet/issues/96/comments","events_url":"https://api.github.com/repos/KoRiGaN/Vue2Leaflet/issues/96/events","html_url":"https://github.com/KoRiGaN/Vue2Leaflet/issues/96","id":270449652,"number":96,"title":"vue-marker not displaying on map and map not fully rendering","user":{"login":"qualisign","id":13368763,"avatar_url":"https://avatars1.githubusercontent.com/u/13368763?v=4","gravatar_id":"","url":"https://api.github.com/users/qualisign","html_url":"https://github.com/qualisign","followers_url":"https://api.github.com/users/qualisign/followers","following_url":"https://api.github.com/users/qualisign/following{/other_user}","gists_url":"https://api.github.com/users/qualisign/gists{/gist_id}","starred_url":"https://api.github.com/users/qualisign/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/qualisign/subscriptions","organizations_url":"https://api.github.com/users/qualisign/orgs","repos_url":"https://api.github.com/users/qualisign/repos","events_url":"https://api.github.com/users/qualisign/events{/privacy}","received_events_url":"https://api.github.com/users/qualisign/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":9,"created_at":"2017-11-01T20:56:21Z","updated_at":"2018-03-06T09:25:41Z","closed_at":null,"author_association":"NONE","body":"<!--\r\nIf you are asking a question rather than filing a bug, try one of these instead:\r\n- StackOverflow (http://stackoverflow.com/questions/tagged/Vue2Leaflet)\r\n-->\r\n<!-- Instructions For Filing a Bug: https://github.com/KoRiGaN/Vue2Leaflet/blob/master/CONTRIBUTING.md#filing-bugs -->\r\n### Description\r\n<!-- Example: Error thrown when calling `deferredMountedTo` on Vue2Leaflet component -->\r\n\r\n\r\n\r\n#### Steps to Reproduce\r\n\r\n1. installed Vue2Leaflet via npm\r\n2. created a component called `Simple `with the following contents (just copied the Simple.vue example and added the style import)\r\n```\r\n\r\n<template>\r\n  <div class=\"simple\">\r\n    <div id=\"top_div\" style=\"height: 100%\">\r\n      <v-map :zoom=\"zoom\" :center=\"center\" style=\"height: 1000px; width: 1000px\">\r\n        <v-tilelayer :url=\"url\" :attribution=\"attribution\"></v-tilelayer>\r\n        <v-marker :lat-lng=\"marker\"></v-marker>       \r\n      </v-map>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n import Vue2Leaflet from 'vue2-leaflet';\r\n \r\nexport default {\r\n  name: 'simple',\r\n  components: {\r\n    'v-map': Vue2Leaflet.Map,\r\n    'v-tilelayer' :Vue2Leaflet.TileLayer,\r\n    'v-marker': Vue2Leaflet.Marker\r\n  },\r\n  data () {\r\n    return {\r\n        zoom: 13,\r\n        center: [47.413220, -1.219482],\r\n        url: 'http://{s}.tile.osm.org/{z}/{x}/{y}.png',\r\n        attribution: '&copy; <a href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors',\r\n        marker: L.latLng(47.413220, -1.219482),\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n @import \"~leaflet/dist/leaflet.css\";\r\n</style>\r\n```\r\n\r\n\r\n#### Expected Results\r\nI expect to see the basic map with marker from the example jsfiddle.  \r\n\r\n#### Actual Results\r\nThe map appears as a large gray box with a small section with rendered map tiles.  My problem looks identical to the one described in #81 , but I do include the leaflet css import.\r\n\r\n![leaflet](https://user-images.githubusercontent.com/13368763/32297097-56751e10-bf4e-11e7-847e-3d97eb78ef7e.png)\r\n\r\nWhat is strange is that when I resize the window, the map loads as it should, but the marker does not show up.  I see in the html that the marker is loaded, however: \r\n![leaflet2](https://user-images.githubusercontent.com/13368763/32297265-f04cbf98-bf4e-11e7-8f48-ab31a3abdcc4.png)\r\n\r\n\r\n### Browsers Affected\r\n<!-- Check all that apply -->\r\n- [x ] Chrome\r\n- [x ] Firefox\r\n- [ ] Edge\r\n- [ ] Safari 9\r\n- [ ] Safari 8\r\n- [ ] IE 11\r\n\r\n### Versions\r\n- Leaflet: v1.2.0\r\n- Vue: v2.5.2\r\n- Vue2Leaflet: v0.0.55\r\n"},"comment":{"url":"https://api.github.com/repos/KoRiGaN/Vue2Leaflet/issues/comments/370717610","html_url":"https://github.com/KoRiGaN/Vue2Leaflet/issues/96#issuecomment-370717610","issue_url":"https://api.github.com/repos/KoRiGaN/Vue2Leaflet/issues/96","id":370717610,"user":{"login":"BrandonDevaleriola","id":16710351,"avatar_url":"https://avatars0.githubusercontent.com/u/16710351?v=4","gravatar_id":"","url":"https://api.github.com/users/BrandonDevaleriola","html_url":"https://github.com/BrandonDevaleriola","followers_url":"https://api.github.com/users/BrandonDevaleriola/followers","following_url":"https://api.github.com/users/BrandonDevaleriola/following{/other_user}","gists_url":"https://api.github.com/users/BrandonDevaleriola/gists{/gist_id}","starred_url":"https://api.github.com/users/BrandonDevaleriola/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/BrandonDevaleriola/subscriptions","organizations_url":"https://api.github.com/users/BrandonDevaleriola/orgs","repos_url":"https://api.github.com/users/BrandonDevaleriola/repos","events_url":"https://api.github.com/users/BrandonDevaleriola/events{/privacy}","received_events_url":"https://api.github.com/users/BrandonDevaleriola/received_events","type":"User","site_admin":false},"created_at":"2018-03-06T09:25:41Z","updated_at":"2018-03-06T09:25:41Z","author_association":"NONE","body":"If you type:  \r\n\r\n`$('img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive').src `\r\n\r\nyou might get something like this :\r\n\r\n> \"data:image/png;base64,iVBORw0K[ ...................]UVORK5CYII=\")marker-icon-2x.png\"\r\n\r\n you will notice that the extra double quotes are screwing up the get request.\r\ntry removing this porting of the string and see if a marker appears.\r\n\r\n> \")marker-icon-2x.png\"\r\n\r\n\r\n"}}
{"actor":{"display_login":"BrandonDevaleriola"}}