Comentário: Hoje, combinaremos a geolocalização HTML5 para desenvolver uma pequena aplicação. Amigos interessados podem aprender sobre isso. Se houver alguma falha, espero que o herói lhe dê conselhos.
Hoje, combinaremos a geolocalização do HTML5 com o Google Maps para desenvolver um pequeno aplicativo. Endereço da API do Google Maps: https://developers.google.com/maps/documentation/javascript/?hl=zh-cn.Para ligar para o Google Maps, a implementação precisa adicionar uma referência js <script type = text/javascript src =? Sensor = false> </script>, onde o significado específico do parâmetro do sensor:
Para usar a API do Google Maps, você precisa indicar se o seu aplicativo usa sensores (como localizadores de GPS) em qualquer biblioteca da API do MAPS ou solicitações de serviço para determinar onde está o usuário. Isso é especialmente importante para dispositivos móveis. Se o seu aplicativo API do Google Maps usar qualquer forma de sensor para determinar a localização do dispositivo acessando seu aplicativo, você deverá declarar isso definindo o valor do parâmetro do sensor como true.
A parte HTML é relativamente simples, você só precisa preparar uma div:
<Body>
<div>
</div>
</body>
A estrutura do código JS é a seguinte:
<script type = "text/javascript">
var mapa;
var BrowSerSupport = false;
Var tentativas = 0;
$ (document) .ready (function () {
// Inicialize o mapa
Initmap ();
//posição
getLocation ();
// Rastreamento de localização
WatchLocation ();
});
função initmap () {
/ * Defina todas as opções para o mapa */
var options = {
};
/ * Crie um novo mapa para o aplicativo */
mapa = novo google.maps.map ($ ('#map') [0], opções);
}
/*
* Se o objeto de geolocalização W3C estiver disponível, obtenha o atual
* Localização, caso contrário, relate o problema
*/
função getLocation () {
}
função watchLocation () {
}
/ * Plote o local no mapa e amplie o zoom */
plotLocation (posição) {função
}
/ * Relate todos os erros usando esta função */
Função RelatórioProblem (e) {
}
</script>
O método InitMap é chamar a API do Google Maps para inicializar o mapa. Ele precisa definir o objeto Opções e usá -lo ao chamar a inicialização do mapa.
função initmap () {
/ * Defina todas as opções para o mapa */
var options = {
Zoom: 4,
Centro: Novo Google.maps.latlng (38.6201, -90.2003),
Maptypeid: google.maps.maptypeid.roadmap,
Maptypecontrol: true,
MaptypecontrolOptions: {
Estilo: google.maps.maptypecontrolstyle.horizontal_bar,
Posição: google.maps.controlposition.bottom_center
},
Pancontrol: Verdadeiro,
PancontrolOptions: {
Posição: google.maps.ControlPosition.top_right
},
ZoomControl: Verdadeiro,
ZoomControlOptions: {
Estilo: google.maps.zoomcontrolstyle.large,
Posição: google.maps.controlposition.left_center
},
ScalEControl: verdadeiro,
ScaleControlOptions: {
Posição: google.maps.controlposition.bottom_left
},
StreetviewControl: Verdadeiro,
StreetviewControlOptions: {
Posição: google.maps.controlposition.left_top
}
};
/ * Crie um novo mapa para o aplicativo */
mapa = novo google.maps.map ($ ('#map') [0], opções);
}
Métodos de getLocation e WatchLocation para obter informações de posicionamento.
função getLocation () {
/ * Verifique se o navegador suporta a API W3C Geolocation */
if (navegator.geolocation) {
BrowSerSupport = true;
Navigator.geolocation.GetCurrentPosition (plotLocation, ReportProblem, {Timeout: 45000});
} outro {
RelatórioProblem ();
}
}
função watchLocation () {
/ * Verifique se o navegador suporta a API W3C Geolocation */
if (navegator.geolocation) {
BrowSerSupport = true;
Navigator.geolocation.watchPosition (PlotLocation, ReportProblem, {Timeout: 45000});
} outro {
RelatórioProblem ();
}
}
Depois de obter com êxito as informações do local, ligue para o método de plotlocation para exibir o local no Google Maps.
plotLocation (posição) {função
tentativas = 0;
var point = new google.maps.latlng (position.coords.latitude, position.coords.longitude);
var marker = new google.maps.marker ({
Posição: Ponto
});
Marker.SetMap (MAP);
map.setCenter (Point);
map.setZoom (15);
}
Endereço para download de demonstração: googlemapgeolocation.rar