L'API Google Maps V3 - Modifier le rayon du Cercle par événement click
Je utiliser le code ci-dessous pour afficher Cercle par cliquez sur l'événement avec le Rayon de 60.000 m.
<html>
<head>
<div id="map"></div>
<style media="screen, projection" type="text/css">
map {
width: 800px;
height: 600px;
}
</style>
</head>
<body>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script><script type="text/javascript">
function initialize()
{
var mapCenter = new google.maps.LatLng(40, -74);
var map = new google.maps.Map(document.getElementById('map'), {
'zoom': 7,
'center': mapCenter,
'mapTypeId': google.maps.MapTypeId.ROADMAP
});
//Add click event listener
google.maps.event.addListener(map, "click", function (e) {
var image = new google.maps.MarkerImage(
'image/data/ConstBuilder/marker.png',
new google.maps.Size(40, 35),
new google.maps.Point(0, 0),
new google.maps.Point(20, 30)
);
var shadow = new google.maps.MarkerImage(
'image/data/ConstBuilder/shadow.png',
new google.maps.Size(62, 35),
new google.maps.Point(0, 0),
new google.maps.Point(0, 35)
);
var marker = new google.maps.Marker({
draggable: true,
raiseOnDrag: false,
icon: image,
shadow: shadow,
map: map,
position: e.latLng
});
var circle = new google.maps.Circle({
map: map,
radius: 60000,
fillColor: '#AA0000'
});
circle.bindTo('center', marker, 'position');
});
};
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html
Maintenant, je veux ajouter une fonctionnalité de radio - boutons qui peuvent modifier les valeurs de rayon de mon événement Click (que l'affichage de cercle).
Je sais que j'ai besoin d'employer getRadius() la méthode comme nouvel événement, et j'essaie de mettre en œuvre le code ci-dessous mais sans succes.
google.maps.event.addDomListener(
document.getElementById('circle_radius'), 'change', function() {
circle.setRadius(document.getElementById('circle_radius').value)
});
Si quelqu'un peut m'aider à trouver des solutions?
Meilleur,
Darko
OriginalL'auteur Darko J | 2013-02-27
Vous devez vous connecter pour publier un commentaire.
Essayez de Remplacer votre code avec cela, modifiez la partie est après la balise body.
OriginalL'auteur Waqas Ahmed
Utilisation Cliquez sur l'Événement au Lieu de Modifier l'événement.
Espère Que Cela Va Fonctionner
Grâce
OriginalL'auteur Praveen