-1

私はGoogleMapsAPIの使用に非常に慣れていないので、それを機能させることができません。

このhttp://labfiftyfive.com/のような効果が欲しいのですが、下の方にメーカーのある赤い地図があります。これが私が望む効果です。

私はコードを調べて、Google API https://maps.googleapis.com/maps/api/js?sensor=falseのように使用しているものを取得し、次にJscript（以下）を取得しました。サイトですが、成功していません。

var MY_MAPTYPE_ID = 'lab55';
var map;
var theLab = new google.maps.LatLng(-32.055658, 115.747989);

    var mapOptions = {
        zoom: 15,
        center: theLab,
  disableDefaultUI: true,
  zoomControl: true,
  scrollwheel: false,
        mapTypeControlOptions: {
            mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID]
        },
        mapTypeId: MY_MAPTYPE_ID
    };

    var stylez = [
        {
            featureType: 'all',
            elementType: 'all',
            stylers: [
                { hue: '#C1272D' },
                { saturation: 40 },
                { lightness: 40 }
            ]
        }
    ];

    var image = 'img/marker.png';

    map = new google.maps.Map(document.getElementById('google-maps'), mapOptions);

    map.setOptions({styles: stylez});

    var lab55MapType = new google.maps.StyledMapType(stylez);

map.mapTypes.set(MY_MAPTYPE_ID, lab55MapType);

var markerIcon = new google.maps.MarkerImage(
  image,
  null,
  null,
  null,
  new google.maps.Size(25, 34)
);
    var labMarker = new google.maps.Marker({ 
    position: theLab,
    map: map,
    icon: markerIcon
});

var infowindow = new google.maps.InfoWindow({
    content: "26/36 South Tce<br />Fremantle, 6160"
});
google.maps.event.addListener(labMarker, 'click', function() {
  infowindow.open(map,labMarker);
});

Googleのすべてのドキュメントを確認しましたが、成功しませんでした。

だから私の質問は本当に、これを行うためのGoogleチュートリアルを知っている人はいますか？またはと役立つかもしれないヒント？

どんな助けでも大歓迎です。

ありがとうございました

4

1 に答える 1

1

そのコードを使用する（要素IDをHTMLで使用したものに変更する）だけでうまくいきます。私の推測では、コードの他の場所に問題があります（マップのdivサイズがゼロであるなど）。

于 2013-01-02T13:53:06.700 に答える