Попробуй так:
var map = new google.maps.Map(document.getElementById('map'),{
center: {
lat: 50.42497789999999,
lng: 30.459857599999964
},
zoom: 10
});
var myBubles = {
"markers" : [
{
"id" : 1,
"title" : "title",
"content" : "<div id=\"content\"><div id=\"siteNotice\"></div><h1 id=\"firstHeading\" class=\"firstHeading\">Заголовок</h1><div id=\"bodyContent\"><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Первая строка</p><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Вторая строка</p><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Третья строка</p></div></div>",
"lat" : 50.42497789999999,
"lng" : 30.459857599999964,
"inner_title" : "Заголовок маркера"
},{
"id" : 2,
"title" : "title",
"content" : "<div id=\"content\"><div id=\"siteNotice\"></div><h1 id=\"firstHeading\" class=\"firstHeading\">Заголовок 2</h1><div id=\"bodyContent\"><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Первая строка 2</p><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Вторая строка 2</p><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Третья строка 2</p></div></div>",
"lat" : 50.508021165218466,
"lng" : 30.60405315664059,
"inner_title" : "Заголовок маркера 2"
}
]
};
myBubles.markers.forEach(function(elem, index){
var marker = new google.maps.Marker({
position: { lat: elem.lat, lng: elem.lng },
map: map,
title: elem.inner_title
});
marker.addListener('click', function() {
new google.maps.InfoWindow({ content: elem.content}).open(map, marker);
});
});
https://jsfiddle.net/9c9bovnx/5/