0

これに対する簡単な答えがないとは信じられません。このマップを自動的にパンアップするか、情報ウィンドウがマップの上部から消えるのを止める他の方法が必要です...

http://www.triangledesign.biz/contact-dev.php

コード...

    var mapOptions = {
      center: new google.maps.LatLng(51.539104, -2.400264),
      zoom: 16,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

    var image = 'cup-sm.png';
    var myLatLng = new google.maps.LatLng(51.539104, -2.400264);
    var contentString = '<div id = "info-window">';
        contentString += '<div class = "float-left"><h1>Get in touch</h1></div>';
        contentString += '<div class ="divider4"><!--div--></div>';
        contentString += '<div class = "float-left">';
            contentString += 'Riverside House,<br>Quarry Road,<br>Chipping Sodbury,<br>Bristol BS37 6AX,<br>United Kingdom';
        contentString += '</div>';
        contentString += '<div class ="divider4"><!--div--></div>';
        contentString += '<div class = "float-left">';
            contentString += '<span class = "grey">t&nbsp;+44 (0)1454 311 220</span><br><a href ="mailto:info@triangledesign.biz" class = "grey">info@triangledesign.biz</a>';
        contentString += '</div>';
    contentString += '</div>';

    var image = new google.maps.MarkerImage("cup-sm.png",
    // This marker is 20 pixels wide by 32 pixels tall.
    null, 
    // The origin for this image is 0,0.
    new google.maps.Point(0,0)
    // The anchor for this image is the base of the flagpole at 0,32.

);


    var marker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          title:"Get In Touch",
          icon: image
      });

    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });

    $(document).ready(function(){
      infowindow.open(map,marker);
    });
4

1 に答える 1

1

まあ、center変数myOptionsのプロパティで緯度を変更するだけです。

中心をやや南側に寄せる。

情報ウィンドウがマップの半分を超えているため、別の解決策はないと思います。

于 2012-10-03T10:58:59.053 に答える