Как я могу отображать широту и долготу, полученные с помощью данных JSON, на карте Google, используя модальный режим для ⇐ Jquery

[Anonymous]

У меня есть следующие результаты поиска в виде данных JSON. Для каждого результата поиска указана широта и долгота. Итак, для каждого результата поиска, когда я нажимаю на карту просмотра, появляется модальное окно и показывает маркер на карте Google.. но, используя следующий код, я не получаю того же самого..
Мои данные в формате JSON

Код: Выделить всё

{"status": true, "data": [{"pid": 1, "businessName": "ld", "lat": 9.5273308, "lon": 76.8228674, "contactName": "bin"}, {"pid": 2, "businessName": "lod", "lat": 9.523308, "lon": 76.8228674, "contactName": "son"},{"pid": 3, "businessName": "rd", "lat": 9.5273308, "lon": 76.822867, "contactName": "in"}]}

Мой код vue js:

Код: Выделить всё

 
searchContent = new Vue({
el: "#searchContent",
data: {
vector: {}
}
});
categories = new Vue({
el: '#categories',
data: {
articles: [],
services: [],
category: 0,
subcategory: 0,
content: false
},
mounted() {
var vm = this;

$.ajax({
url: "/get_all_category/",
method: "GET",
dataType: "JSON",
success: function(e) {
console.log(e);

vm.articles = e;
console.log(vm);

},
});
},
methods: {
prefetch: function() {
var filter = {};
filter['category'] = this.category;
if (this.content !== false)
this.content.abort()
this.content = $.ajax({
'url': 'https:/filter/',
data: filter,
dataType: "JSON",
type: "POST",
success: function(e) {
window.searchContent.vector = e.data;
console.log(e);

var options = {
zoom: 8,
center: new google.maps.LatLng(e.data.lat , e.data.lon), // Centered
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false
};

// Init map
var map = new google.maps.Map(document.getElementById('mapName'), options);
//use code
var i=0;

// Init markers
var marker = new google.maps.Marker({
position: new google.maps.LatLng(e.data.lat , e.data.lon),
map: map,
title: 'Click Me ' + i,
});

// Process multiple info windows
(function(marker, i) {
// add click event
google.maps.event.addListener(marker, 'click', function() {
infowindow = new google.maps.InfoWindow({
content: e.data.lat
});
infowindow.open(map, marker);
});
})(marker, i);
}
})
}
}

})

Мой HTML-код для отображения:

Код: Выделить всё

{{row.businessName}}

View Map

Итак, когда я нажимаю на карту просмотра, мне нужно отобразить маркер, соответствующий результату поиска. может кто-нибудь помочь мне решить проблему?

Подробнее здесь: https://stackoverflow.com/questions/472 ... -on-google