{"action":"created","issue":{"url":"https://api.github.com/repos/xkjyeah/vue-google-maps/issues/544","repository_url":"https://api.github.com/repos/xkjyeah/vue-google-maps","labels_url":"https://api.github.com/repos/xkjyeah/vue-google-maps/issues/544/labels{/name}","comments_url":"https://api.github.com/repos/xkjyeah/vue-google-maps/issues/544/comments","events_url":"https://api.github.com/repos/xkjyeah/vue-google-maps/issues/544/events","html_url":"https://github.com/xkjyeah/vue-google-maps/issues/544","id":388172167,"node_id":"MDU6SXNzdWUzODgxNzIxNjc=","number":544,"title":"What is the proper way to display a popup instead of the window info?","user":{"login":"GabMic","id":11059876,"node_id":"MDQ6VXNlcjExMDU5ODc2","avatar_url":"https://avatars0.githubusercontent.com/u/11059876?v=4","gravatar_id":"","url":"https://api.github.com/users/GabMic","html_url":"https://github.com/GabMic","followers_url":"https://api.github.com/users/GabMic/followers","following_url":"https://api.github.com/users/GabMic/following{/other_user}","gists_url":"https://api.github.com/users/GabMic/gists{/gist_id}","starred_url":"https://api.github.com/users/GabMic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/GabMic/subscriptions","organizations_url":"https://api.github.com/users/GabMic/orgs","repos_url":"https://api.github.com/users/GabMic/repos","events_url":"https://api.github.com/users/GabMic/events{/privacy}","received_events_url":"https://api.github.com/users/GabMic/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-12-06T11:30:01Z","updated_at":"2018-12-10T16:45:42Z","closed_at":null,"author_association":"NONE","body":"Hi.\r\nI was wondering how can i show a popup instead of the info window. I want to customize it.\r\nPlease, anyone who has done it correctly, need some help here.\r\nThanks.\r\n"},"comment":{"url":"https://api.github.com/repos/xkjyeah/vue-google-maps/issues/comments/445884857","html_url":"https://github.com/xkjyeah/vue-google-maps/issues/544#issuecomment-445884857","issue_url":"https://api.github.com/repos/xkjyeah/vue-google-maps/issues/544","id":445884857,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0NTg4NDg1Nw==","user":{"login":"amstrad","id":772421,"node_id":"MDQ6VXNlcjc3MjQyMQ==","avatar_url":"https://avatars2.githubusercontent.com/u/772421?v=4","gravatar_id":"","url":"https://api.github.com/users/amstrad","html_url":"https://github.com/amstrad","followers_url":"https://api.github.com/users/amstrad/followers","following_url":"https://api.github.com/users/amstrad/following{/other_user}","gists_url":"https://api.github.com/users/amstrad/gists{/gist_id}","starred_url":"https://api.github.com/users/amstrad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/amstrad/subscriptions","organizations_url":"https://api.github.com/users/amstrad/orgs","repos_url":"https://api.github.com/users/amstrad/repos","events_url":"https://api.github.com/users/amstrad/events{/privacy}","received_events_url":"https://api.github.com/users/amstrad/received_events","type":"User","site_admin":false},"created_at":"2018-12-10T16:45:42Z","updated_at":"2018-12-10T16:45:42Z","author_association":"NONE","body":"i do the following with vue-snotify, might be similar with your modal\r\n\r\n>      <GmapMarker v-for=\"(marker, index) in markers\"\r\n>                                     :key=\"marker.id\"\r\n>                                     :animation=\"3\"\r\n>                                     :icon=\"{url : '/assets/admin/images/mapmarker.png'}\"\r\n>                                     :clickable=\"true\"\r\n>                                     :position=\"{lat: parseFloat(marker.latitude), lng: parseFloat(marker.longitude) }\"\r\n>                                     @click=\"toggleInfoWindow(marker)\"\r\n>                         />\r\n\r\nthen you can do something like this in your \"methods\" section: \r\n\r\n```\r\n\r\n toggleInfoWindow(marker) {\r\n                //console.log(marker);\r\n\r\n                this.$snotify.remove();\r\n\r\n                let marker_info = '<a target=\"_blank\" href=\"/admin/leads/single/' + marker.id + '\"><b>' + marker.name + '</b></a><br>';\r\n                marker_info += '<small>' + marker.raw_address + '</small><br>'; //or whatever property from your marker intem\r\n             \r\n\r\n                this.$snotify.html(\r\n                    `<div class=\"snotifyToast__title\"><b>marker.name</b></div>\r\n                    <div class=\"snotifyToast__body\">` + marker_info + `</div> `\r\n                    ,\r\n                    {\r\n                        buttons: [\r\n                            {\r\n                                text: 'OK', action: (toast) => {\r\n                                    this.$snotify.remove(toast.id);\r\n                                },\r\n                                bold: true\r\n                            }\r\n                        ],\r\n                        timeout: 9999999,\r\n                        position: 'rightCenter',\r\n                        showProgressBar: false,\r\n                        closeOnClick: false,\r\n                        pauseOnHover: true,\r\n                        id: 'notify_map' + marker.id\r\n                    }\r\n                );\r\n            },\r\n\r\n```\r\n"}}
{"actor":{"display_login":"amstrad"}}