谷歌地图信息窗口

谷歌地图信息窗口用于添加一个窗口来显示特定区域的信息。通常，信息窗口附在标记上。您可以通过实例化 google.maps.InfoWindow 类来附加信息窗口。

句法：

var infowindow = new google.maps.InfoWindow({content: "Content String"});
                 infowindow.open(map, marker);

属性值：

• Content：用于传递String格式的内容。
• pixelOffset：它包含从信息窗口尖端到信息窗口锚定位置的偏移量，它是可选的。
• position：用于选择信息窗口的位置。
• maxWidth：水平限制信息窗口的大小。默认情况下，信息窗口的宽度将被拉伸，直到文本被换行。

例子：

HTML

    
        
        
        
  
        
            function GFG() {
                var CustomOp = {
                    center: new google.maps.LatLng(28.502212, 77.405603),
                    zoom: 17,
                };
  
                // Map object
                var map = new google.maps
                .Map(document.getElementById("DivID"), CustomOp);
                var marker = new google.maps.Marker({
                    position: new google.maps.LatLng(28.502211, 77.405512),
                    map: map,
                    draggable: true,
                    icon: 
"https://media.geeksforgeeks.org/wp-content/uploads/20200811003251/logo-100x100.png",
                });
  
                marker.setMap(map);
  
                var infowindow = new google.maps.InfoWindow({
                    content: "5th Floor, A-118,Sector-136,"+
                             " Noida, Uttar Pradesh - 201305",
                });
                infowindow.open(map, marker);
            }
        
    
    
    
    
        
            GeeksforGeeks
            Google Maps Info Windows
            
            
            
        
    

输出：