JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="mapa" style="height: 100%;"></div>
CSS
html, body { height: 100%; }
JavaScript
var map;
var idInfoBoxAberto;
var infoBox = [];
var markers = [];
var localizacao = [];
//var markerPonto = new google.maps.Marker({});
var markerPonto;
var contador = 0;
var l = 0;
var contentString;
var infowindow = new google.maps.InfoWindow({
// content: contentString,
maxWidth: 300
});
/*Método que inicia configurações iniciados do mapa*/
function initialize() {
var latlng = new google.maps.LatLng(-23.5514565,-46.6224739);
var options = {
zoom: 6,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("mapa"), options);
/*Novo parte - adiciona ponteiro geolocalizador(de acordo com as coordenadas informadas em 'latlng'*/
geocoder = new google.maps.Geocoder();
marker = new google.maps.Marker({
map: map,
draggable: true,
});
marker.setPosition(latlng);
/*Parte de loop com banco de dados*/
/*
$.ajax({
url : 'verificaAjax.php',
success : function(msg){
if (msg.status == 0) {
msg.errorMsg.forEach(ShowResults);
//JSON.parse(msg.errorMsg).forEach(ShowResults);
}
},
error:function (xhr, ajaxOptions, thrownError) {
alert("Erro no Processamento dos Dados. Entre em contato com o setor de Tecnologia e informe a mensagem abaixo:\n"+xhr.responseText);
}
});
*/
ShowResults({'razao_social': 'Joao Alfredo Jorge Mario Piracicaba do Norte Cinquenta 1993',
'latitude': -23.24,
'longitude': -46.22,
});
ShowResults({'razao_social': 'Beto Paulo Da Costa Mariani Pindamonhangaba do Leste, noventa 2001',
'latitude': -23.24,
'longitude': -45.22,
});
ShowResults({'razao_social': 'Carlos',
'latitude': -23.44,
'longitude': -43.22,
});
}
// Função para retornar os...