google map api v3でドラッグ可能なサイズ変更可能な矩形を描画する方法

閉じるボタンでサイズ変更とドラッグが可能なカスタム矩形を描画し、がデータベース内のクエリによって返された境界で形成されます。google map api v3でドラッグ可能なサイズ変更可能な矩形を描画する方法

ありがとうございました

2012-04-05 Dida Benmoussa

これは、サイズ変更可能な矩形で、ドラッグ可能です。少しの検索といくつかの試みはあなたに必要なものを与えるだろう。

function initialize() { 
     var myOptions = { 
      center: new google.maps.LatLng(44.5452, -78.5389), 
      zoom: 9, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById('map_canvas'), 
      myOptions); 

     var bounds = new google.maps.LatLngBounds(
      new google.maps.LatLng(44.490, -78.649), 
      new google.maps.LatLng(44.599, -78.443) 
     ); 

     var rectangle = new google.maps.Rectangle({ 
      bounds: bounds, 
      editable: true 
     }); 

     rectangle.setMap(map); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize);

希望します。

出典

2012-04-05 17:29:13 Karthick

これはドラッグ可能ではなく（サイズ変更可能）、クローズボタンもありません。私はまた、Yelp検索のように矩形をドラッグする方法を探しています。 – Evgenyt

矩形オプションでは、追加する必要があるのは「draggable：true」です。

だから、これは次のようなものです。

var rectangle = new google.maps.Rectangle({ 
     bounds: bounds, 
     editable: true, 
     draggable: true 
    });

これにより、矩形のサイズ変更とドラッグが可能になります。また、ページの本文にボタンを1つ作成します。

<body > 
<button onclick="remove()">Close</button>  
</body>

削除機能では、データベースに接続するコードを記述することができます。それにアクセスするには、initialize（）の外側で境界を宣言する必要があります。このリンクは、GoogleマップとMySQLを接続する方法を理解するのに役立ちます。 https://developers.google.com/maps/articles/phpsqlajax_v3

出典

2013-04-11 05:43:41

google map api v3でドラッグ可能なサイズ変更可能な矩形を描画する方法

答えて

関連する問題