0

私はGoogleマップAPIを使用しています。この地図はもともとマーカー付きのページにありました。ユーザーがクリックすると、マーカーが開き、詳細が表示されました。さらに、ユーザーはズームなどを行うための大きな地図コントロールを持っていました。最後に、ユーザーは地図の表示可能領域をドラッグできました。

1) 地図上にマーカーを配置しますが、クリックできなくなります。2) 地図をクリックすると、別の地図ページへのハイパーリンクになりました。

例外: マップ上にマウスを移動すると、マウスをリンクに移動したときに得られる指ではなく、マップをドラッグする必要があるようにカーソルが表示されます。マウスオーバーしても地図をドラッグできます。ただし、マウスを離すとすぐにリンクがアクティブになり、新しいページに移動します。

このドラッグ機能をオフにして、カーソルをポインターのように見せるにはどうすればよいですか?

これが私のコードです：

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=MY KEY IS HERE"
      type="text/javascript"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function load() {
      if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));    
//      map.addControl(new GLargeMapControl());
        //code to setup the map START
        //creating Geocoder object to get geolocation from an address
            geocoder.getLatLng("123 Main St, Boston, MA",
                function (point)
                {
                    map.setCenter(point,15);
                    map.addOverlay(createMarker(point,1));
                });         
        //code to setup the map STOP

        // Creates a marker at the given point with the given number label
function createMarker(point, number) {
  var marker = new GMarker(point);
  return marker;
}

      }
    }
//-->
</script>

そして、html でマップを呼び出す場所:

<a href="http://www.mysite.com">
    <div id="map" style="width: 298px;height:150px;"></div>
</a>

いつもありがとうございます。

4

1 に答える 1

0

With version 3 of the maps API, you can disable dragging on the map by passing in a map options object that has draggable: false in it.

Here's how you'd do it with the version 3 API:

var mapOptions = {
    // add other options here as needed
    draggable: false
}

var map = new google.maps.Map(document.getElementById("map"),
            mapOptions);

If you still want to do it with the soon to be deprecated version 2 API, this reference has some information on it. I'm not familiar with the version 2 API, but it looks like you just do this:

var map = new GMap2(document.getElementById("map"));
map.disableDragging();

To change the cursors that are used, have a look at the GMapOptions class. You pass these options into the GMap2 constructor above.

于 2013-02-07T04:39:39.903 に答える