Question

以下是一些基于Google地图文档的JavaScript。它应该在指示的LatLng坐标处显示标记。但是，它仅显示没有标记的地图。有人能指出我做错了什么吗？我已经盯着这个很长一段时间了，无法弄明白。此外，我需要修改此代码以接受两个标记坐标数组。每个数组都要获得一个不同的标记图标：red.png，yellow.png和blue.png。我计划通过调用服务器端webmethod（C＃）来最终得到每个标记组的坐标。但为简单起见，我们暂时忽略该要求，并假设我们有三个静态数组。有人能告诉我我需要做什么吗？我在S.O.上看过很多类似的问题。但似乎没有一个答案对我有用。

<script type="text/javascript" src="http://maps.google.com/maps?file=api&sensor=true">

<script type="text/javascript"> 
  var map;
  function initialize() {
    var myOptions = {
      zoom: 5,
      center: new google.maps.LatLng(39.50, -98.35),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);
        map.addOverlay(new google.maps.Marker(
new google.maps.LatLng(39.50, -98.35)));
  }

  google.maps.event.addDomListener(window, 'load', initialize);
</script>

Answer 1

标记创建为：

var marker = new google.maps.Marker({       
    position: new google.maps.LatLng(39.50, -98.35),       
    map: map
    //, ...
});

带有三个标记阵列的Google Map V3

1 个答案: