Maps + PHP

tplantte · Junho 12, 2020

Boa tarde,

Gostaria de fazer um mapa do google com vários pontos ( que seriam meus equipamentos maquinarios) mas que esse mapa puxasse a LATITUTE e LONGITUDE do meu banco de dados, é possível isso sem ter que pagar os APIs do google ?

Exemplo:

MAPA

Equipamento 1 = LATITUDE X, LONGITUDE Y

Equipamento 2 = LATITUDE X, LONGITUDE Y

E conforme eu atualizar o equipamento o ponto é atualizado no mapa também

Obrigado

Frank K Hosaka · Fevereiro 10, 2023

O Google só trabalha com dinheiro! Aliás, ninguém trabalha de graça.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" 
  rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" 
  crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" 
  integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" 
  crossorigin="anonymous"></script>
<title>Google Map In PHP</title>
</head>
<body class="bg-info">
	<nav class="navbar navbar-default" style="background-color: #0BA9FD">
		<div class="container-fluid">
			<a href="#" class="navbar-brand">Google Map For PHP</a>
		</div>
	</nav>
	<div class="col-md-3"></div>
	<div class="col-md-6 well" style="background-color: #0BA9FD">
		<h3 class="text-primary">Display Google Map Data</h3>
		<hr style="border-top:1px dotted #ccc;"/>
		<button class="btn btn-primary" id="get_map"><span class="glyphicon glyphicon-location"></span> Load Map</button>
		<div id="map" style="height:500px; display:block;"></div>
	</div>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA-AB-9XZd-iQby-bNLYPFyb0pR2Qw3orw&callback=initMap" async defer></script>	
	<script>
		var map;
		function initMap() {
			map = new google.maps.Map(document.getElementById('map'), {
				center: {lat: 9.5162, lng: 123.158},
				zoom: 8
			});
		}
	</script>
</body>
</html>

Entrar

Maps + PHP

Pergunta

tplantte

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Frank K Hosaka

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades