2016-11-29 5 views
0

検索ボックスにlat-long値を入力することで、リーフレットマップにマーカーを表示したいと思います。私は新しいリーフレットとjavascriptです。私はちょうど私が緯度経度の値を入力することができ、マップ上のマーカーとして結果を得ることができる単純な検索ボックスが欲しいです。検索ボックスにlat long値を入力して、マーカーをリーフレットマップに表示したい

答えて

1

HTML:

<div class="input"> 
    <input type="text" value="19.04469, 72.9258"> 
    <button>Add marker</button> 
</div> 

のJs:

 $("button").click(function() { 
     var array = JSON.parse("[" + $("input").val() + "]"); 
     var marker = L.marker([array[0], array[1]], { 
     draggable: true, 
     title: "Resource location", 
     alt: "Resource Location", 
     riseOnHover: true 
     }).addTo(map) 
    }); 

ここでは、私は一緒に入れて簡単な例です:

http://jsfiddle.net/LnzN2/546/

あなたがドキュメントを読めば、あなたは良いことがありますあなたが好きなものを作ること。

関連する問題