Changer le type de map avec un clique sur un bouton

0.00 avg. rating (0% score) - 0 votes
Partager:

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 un de ces codes ne marche pas chez vous, merci de me le signaler.
Partager:
0.00 avg. rating (0% score) - 0 votes

Vous aimerez aussi...

Laisser un commentaire