Question

我需要知道如何在Meteor JS中获取谷歌地图点位置。例如在我的地图中显示基于位置纬度和经度的10个指针。当点击标记然后根据指针显示位置时新窗口（或弹出窗口）。

我对此没有任何想法。所以请建议我为此做些什么？

提前致谢。

Answer 1

这里需要的是InfoWindow，content选项。

让我们假设你有这个简单的初始化函数

  initializeMap = function() {
     //Common code to init the map.

     //common code to create dynamic markers already give you an answer here
     //https://stackoverflow.com/questions/28424854/how-can-i-create-multiple-markers-on-a-google-map
     //now on the same function lets add this code

   function createMarkers(){

       for(var i = 0 ; i <latLong.length ; i++) {

          //lati and long are declared as global variables.
          lati = latLong[i].lat;
          longi = latLong[i].long;
            var marker = new google.maps.Marker({
               position: new google.maps.LatLng(lati, longi),
               map: map,
               icon: 'http://Yourimagesourcehere'
           });

       //and this is how you call it.
        myInfoWindow(marker2,map,lati,long); 
      }

      //Function to created infoWindows.

    function myInfoWindow(marker2,map,lati,long){

        google.maps.event.addListener(marker2, 'mouseover', function() {
           for(var i=0;i<markerArray.length;i++){
               infoWindow.setContent( 'My lat is ' + lati + "my long is " + longi );
              infoWindow.open(map, marker2);
           }});
        google.maps.event.addListener(marker2, 'mouseout', function() {
           infoWindow.close();
         } 
       }
    }

就像你根据其他问题How can i create multiple markers on a google map看到的那样，在这个例子中，我们添加了名为myInfoWindow的新函数，其中包含4个参数，marker，map，以及内容的2个变量（在本例中为late，long）

如果您对如何初始化地图或代码的外观有疑问，我有DEMO，这里是Source Code，只需在{{{{}}内添加infoWindow函数1}}功能，它应该工作。告诉我是否有作品。

获取谷歌地图标记位于流星js

1 个答案: