Changer le type de map avec un clique sur un bouton
Pour mon projet de localisation de mon tracker TK-102 en temps réel avec le GPRS, je voulais pouvoir changer de type de map avec un clique sur un bouton.
Pour la partie html, on a un bouton par type avec comme valeur le type qu’on veut:
<input type="radio" name="type_map" value="ROADMAP" checked="checked"> Carte <input type="radio" name="type_map" value="HYBRID"> Satellite
Rien de plus simple. J’en ai donc mis deux comme on peut le voir, mais il y en à d’autres.
Pour la partie JS qui utilise Jquery on récupère la valeur du bouton et on à juste une condition par type:
$(document).on('click', "input[name=type_map]", function(){ var type_map = $(this).val(); if(type_map == 'ROADMAP') { maCarte.setMapTypeId(google.maps.MapTypeId.ROADMAP); } else { maCarte.setMapTypeId(google.maps.MapTypeId.HYBRID); } });
Tous les codes sont testés et sont fonctionnels, si il arrive qu'un de ces codes ne fonctionne pas chez vous, merci de me le signaler.