ここで、マーカーをドラッグアンドドロップします。私はlatを作成し、lngの座標divを作成しました。まずはdivはありません。ドラッグ&ドロップするとマーカーが作成されます。私はそれがlat、lng値を内側のdivに書き込むところにマーカーを残しました。 divを作成するたびにドラッグ&ドロップします。 Divsにはクラス名を再指定します。後でdivをクリックすると私はdivの価値を得ることができません。また、作成したdivをクリックすると、lat、lngの位置のマーカーを移動したいと思います。私は私の問題を説明できることを願っています。あなたはあなたがあなたのコード はい上記のグローバルようなマーカー、マップをdecalreする必要があります。またmarker.setPosition(緯度と経度) を必要とし、ここでhttp://jsfiddle.net/QvNUF/1015/Google map api draggable marker
<!DOCTYPE html>
<html>
<head>
<script src="http://maps.google.com/maps/api/js?sensor=false&.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<div id="googleMap" style="width:500px;height:500px;"></div>
Lat: <input type="text" id="lat"><br>
Lng: <input type="text" id="lng"><br>
<button id="selected">Selected Coordinates</button>
<button id="clear">Clear history</button>
<div id="results" ></div>
<script type="text/javascript">
function initialize() {
var myLatlng = new google.maps.LatLng(41.015137,28.979530);
var myOptions = {
zoom: 10,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("googleMap"), myOptions);
addMarker(myLatlng, 'Default Marker', map);
map.addListener('click',function(event) {
addMarker(event.latLng, 'Click Generated Marker', map);
});
}
function addMarker(latlng,title,map) {
var marker = new google.maps.Marker({
position: latlng,
map: map,
title: title,
draggable:true
});
marker.addListener('drag',function(event) {
$('#lat').val(event.latLng.lat()) ;
$('#lng').val(event.latLng.lng()) ;
});
marker.addListener('dragend',function(event) {
$('#lat').val(event.latLng.lat()) ;
$('#lng').val(event.latLng.lng()) ;
var x=event.latLng.lat();
var y=event.latLng.lng();
$("#results").append('<div class="recenter">'+x+y+'</div>');
});
};
$('.recenter').click(function() {
var a=$(this).text();
alert(a);
});
$("#clear").click(function(){
$("#results").text("");
$("#results").hide();
});
initialize();
</script>
</body></html>
marker.setPosition(緯度と経度)を使用してみてください。 divのonclick – Poria
私はmarker.setPosition(latlng)を使用しました。しかしそれはうまくいかなかった。私はdivの価値を得ることができません。私がドラッグアンドドロップするときは2回。 recenter nameクラスを持つ2 divsが作成されます。私はクラス名を増やさなければならない。例:recenter_1、recenter_2 –
追加onclick = "movemarker(x、y);" evey divに関数を追加して関数のように関数を作成するmoveMarker(lat、lng){ var latlng = new google.maps.LatLng(parseFloat(lat)、parseFloat(lng)); marker.setPosition(latlng); } – Poria