javascript - 如何使用 Google Maps API v3 + 我自己的 map 图 block 显示标记

Question

我已使用 Google map API v3 显示犹他大学莱斯埃克尔斯体育场平面图的 map (我们在此举办名为“盐湖谷科学与工程博览会”的学区科学博览会)，我想显示给定表号的标记，以便评委可以找到他们正在评判的项目。在我的一生中，我无法让任何标记出现。我尝试过添加 zIndex 参数、更改样式等。有人可以给我一张 Clue Train 的车票吗？谢谢。

这是显示我的平面图的页面:http://slvsef.org/map.html

Answer 1

您在函数initialize()中没有正确匹配括号{...}。请参阅下面的“删除/添加”行:

function initialize() {
    var myLatlng = new google.maps.LatLng(0, 0);    
    var myOptions = {
      center: myLatlng,
      zoom: 2,
      streetViewControl: false,
      mapTypeControl: false,
      panControl: false 
    };  
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    map.mapTypes.set('slvsef', MapType);
    map.setMapTypeId('slvsef');

    // }    <=====    REMOVE

    var marker = new google.maps.Marker({
      position: new google.maps.LatLng(0,0), 
      map: map, 
      title:"Hello World!"
    });    
} // <===== ADD