0

フォームがあり、入力の 1 つで、ユーザーはオフィスの場所 (住所) を入力できます

この住所から、プロフィールに Google マップをプロットしたいと思います。彼らに経度と緯度を提供してもらいたいのですが、方法がわかりません。住所フィールドに住所を入力し、プロット ボタンを押すと、経度と緯度が返され、適切なフィールドに入力されるため、ユーザーが経度と緯度のフィールドにデータを入力する方法はありますか。

これまでの私のコードは次のとおりです (このメッセージ内に多くのコードを入れないように JSFiddle を作成しました)

http://jsfiddle.net/F2snX/

1 つの場所のスニペットは次のとおりです (ただし、完全な jsfiddle の例を確認することをお勧めします)

<li id="field_15_92" class="gfield">
<label class="gfield_label" for="input_15_92">Solicitor Practice Address</label>
    <div class="ginput_container">
        <input id="input_15_92" class="medium" type="text" tabindex="3" value="" name="input_92">
        <input type="button" id="plot1" value="Plot" /><br />
    </div>
<div class="gfield_description">Enter Address Location and Press Plot Button </div>
</li>
<li id="field_15_166" class="gfield">
<label class="gfield_label" for="input_15_166">Main Practice Opening Hours</label>
    <div class="ginput_container">
        <input id="input_15_166" class="medium" type="text" tabindex="4" value="" name="input_166">
    </div>
<div class="gfield_description">Enter Office Opening Hours</div>
</li>
<li id="field_15_167" class="gfield">
<label class="gfield_label" for="input_15_167">Main Practice Map Longitude </label>
    <div class="ginput_container">
        <input id="input_15_167" class="medium" type="text" tabindex="5" value="" name="input_167">
    </div>
<div class="gfield_description">Enter Longitude Coordinates</div>
</li>
<li id="field_15_169" class="gfield">
<label class="gfield_label" for="input_15_169">Main Practice Map Latitude</label>
    <div class="ginput_container">
        <input id="input_15_169" class="medium" type="text" tabindex="6" value="" name="input_169">
    </div>
<div class="gfield_description">Enter Latitude Coordinates</div>
</li>

ありがとう

注: 私の Wordpress テーマは、Google Maps API v3 を使用しています。

4

1 に答える 1

3

この問題に取り組む方法は基本的に2つあります。

  1. ユーザーが住所を入力して、自分で地理座標を見つけられるようにします。完全な機能セットについては、 GeocodingAPIの説明を参照してください。

  2. または、地図上にドラッグ可能なマーカーを描画し、ユーザーがマーカーを自分の場所にドラッグできるようにします。あなたはこの投稿で良い説明を見つけることができます。

  3. または、2つのアプローチを組み合わせます。ユーザーに住所を入力させます。ジオコーディングの結果が何らかの理由で不十分な場合は、マーカーを正しい場所にドラッグできます。これを正確に行うGoogleの例を次に示します。

于 2012-10-19T11:35:34.837 に答える