-1

我对使用 Google Maps API 很陌生，但我无法让它工作。

我想要这样的效果http://labfiftyfive.com/大约在底部附近他们有一张地图，它是红色的，带有制造商。这就是我想要的效果。

我已经进入了代码并得到了他们使用的东西，比如谷歌 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 上的所有文档，但没有成功。

所以我的问题是，有没有人知道任何谷歌教程可以做到这一点？或可能有帮助的提示？

任何帮助是极大的赞赏。

谢谢

4

1 回答 1

1

只需使用该代码（将元素 ID 更改为我在 HTML 中使用的那个）就可以为我工作。我的猜测是您的代码中的其他地方有问题（例如地图 div 大小为零）。

于 2013-01-02T13:53:06.700 回答