在div上添加谷歌地图标记

时间:2016-04-16 18:22:20

标签: javascript html google-maps google-maps-api-3

如何在点击时显示谷歌地图标记?我尝试通过创建一个函数并在单击时调用它但它不起作用。我不知道它是如何运作的,所以我需要帮助。这是我的代码:

n = n>1 ? n-1 : 4;

1 个答案:

答案 0 :(得分:0)

在你的代码中有两个问题,你必须声明一个div map,你必须在初始化之外声明var map,这样你就可以在任何地方看到这个var

我已在

下正确编辑您的代码

                                                var map;          var myCenter = new google.maps.LatLng(45.159457,18.0158902);

    function initialize() {
      var mapProp = {
        center:new google.maps.LatLng(45.159457,18.0158902),
        zoom:13,
        mapTypeId:google.maps.MapTypeId.ROADMAP
      };
      map=new google.maps.Map(document.getElementById("map"),mapProp);

      var marker=new google.maps.Marker({
      position:myCenter,
      });


    marker.setMap(map)

    }
    </script>
    <script>

    function tagovi(){

    var myCenter2=new google.maps.LatLng(45.1568915,18.0153617);
    var marker2=new google.maps.Marker({
      position:myCenter2,
      });

    marker2.setMap(map);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
    </script>
    </head>   
      <body>
      <div class="b_m"><a href="#" onclick="tagovi()"><img src="slike/restorani.png"></a></div>
      <div id="map" style="width: 500px; height: 500px;"></div>
      </body>

    </html>