2016-09-21 3 views
2

おやすみ、チェックアドレスが、私は現在、私のビジネスのウェブサイトを設計し、プログラミングしていますエリアマップ

内であれば、私はいくつかのプログラミングのスキルを持って、私はlitleするlitle学びたいです。

私は探していましたが、調査していますが、明確になることはありません。

私の必要性は、ユーザー(クライアント)が住所を記載し、配送エリア内にあるかどうかを検証する必要があることです。

現在、私は、Googleマップ上で、この層を設計しました:

https://www.google.com/maps/d/u/0/viewer?mid=1E3bcIm6Dy4icmTA4S-hEqOZeHpU

私が使用技術は何ですか?

住所を書いてOKまたは申し訳ありませんでした。

私が見つけたすべての情報は、ルートを計算するための質問と解決策であり、エリア内のアドレスを確認する必要があります。

今、私は自動入力として認識し、確認するアドレスを保存します。今私は自分のエリアでその方向性をどのように確認できるかを知る必要があります。

私の英語でExcusemeしていただきありがとうございます! :)ここで

+0

バックエンドでは何を使用していますか? DB? – AndreaM16

+0

ちょうど飛行機のWeb html、javascript、cssです。 Mkissの解決策で、私は解決しました!ありがとう –

答えて

4

はあなたのためのスケッチです: https://jsfiddle.net/zw6f78xk/

まずPlace Autocompleteが、それは多角形の内側にあるかどうか次にあなたのアドレス

の場所を与えるアドレス、location is checked入力に使用されました。

google.maps.geometry.poly.containsLocation(place.geometry.location, polygon) 

これが役に立ちます。

Update:

しかし、既にGoogleマップ上のポリゴンを持っているので、今、その形状を変更し、その座標を取得するのは簡単です。

google.maps.event.addListener(polygon, 'click', function(evt) { 
    var pathArray = polygon.getPath().getArray(); 
    for (var i = 0; i < pathArray.length; i++){ 
     console.log(pathArray[i].toUrlValue()); 
    }; 
}); 

だから、それはそのパスをログに記録したポリゴンをクリック: は、ちょうどその時、あなたはそれを手動で変更することができ、最終的にあなたがこのような例の座標を取得することができポリゴンオプションにeditable: trueを追加します。型付き(ただし、オートコンプリートから選択されていない)アドレスをジオコーディング

Update 2:

https://jsfiddle.net/zw6f78xk/3/

+0

スケッチのためにありがとう!あなたは私のビジネスの上に持っている必要性のためのソリューションを持っています!これは私にとって非常に便利です、ありがとうございます。 関数containsLocationは非常に便利です。 質問があります。地域の配送を変更する必要がある場合は、どのように地図のエリアデータを取得しますか? {緯度:41.3749971、LNG:2.1669979}、 ..ETC..ETC {緯度:41.3747476、LNG:2.1653795}、{ 緯度:41.3749971、LNG:2.1669979}。 ありがとうございますmuuch !!! –

+0

ありがとうございます。私はgoogleからkmlファイルをエクスポートし、javascript上でexploteするフォーマットを得るためにcoordenatesとfiltresを抽出しました。そんなに多くの時間より! –

+0

私はあなたを助けることができてうれしいです。そして、あなたは座標を抽出する方法を見つけました。私はこのやり方もしました。 ポリゴンを修正し、開発中にその座標を取得する方法を示すために私の答えを更新しました。 – MKiss

関連する問題