谷歌地图 |类型

要自定义 Google 地图，提供了四种类型的地图。

• ROADMAP：这种类型的地图显示特定区域的街景。它是默认类型映射。
• 卫星：这种类型的地图显示特定区域的卫星图像。
• HYBRID：这种类型的地图显示了特定区域的主要街道。
• 地形：这种类型的地图显示地形和植被。

句法：

var CustomOp= {
   mapTypeId:google.maps.MapTypeId.ROADMAP | SATELLITE | HYBRID | TERRAIN
};

示例 1：路线图

  

    
        Google Maps | Types
    
  
    
    
    
         
    
        function GFG() {
            var CustomOp = {
                center:new google.maps.LatLng(
                        28.502212, 77.405603), 
                zoom:17, 
                mapTypeId:google.maps.MapTypeId.ROADMAP
            };
               
            // Map object
            var map = new google.maps.Map(
                document.getElementById("DivID"),
                CustomOp
            );
        }
    

  


    
        
            GeeksforGeeks
        
          
        Google Maps
          
        
        
        
    

      

输出：

示例 2：卫星

  

    
        Google Maps | Types
    
  
    
    
    
         
    
        function GFG() {
            var CustomOp = {
                center:new google.maps.LatLng(
                        28.502212, 77.405603), 
                zoom:17, 
                mapTypeId:google.maps.MapTypeId.SATELLITE
            };
               
            // Map object
            var map = new google.maps.Map(
                document.getElementById("DivID"),
                CustomOp
            );
        }
    

  


    
        
            GeeksforGeeks
        
          
        Google Maps
          
        
        
        
    

      

输出：

示例 3：混合

  

    
        Google Maps | Types
    
  
    
    
    
         
    
        function GFG() {
            var CustomOp = {
                center:new google.maps.LatLng(
                        28.502212, 77.405603), 
                zoom:17, 
                mapTypeId:google.maps.MapTypeId.HYBRID
            };
               
            // Map object
            var map = new google.maps.Map(
                document.getElementById("DivID"),
                CustomOp
            );
        }
    

  


    
        
            GeeksforGeeks
        
          
        Google Maps
          
        
        
        
    

      

输出：

示例 4：地形

  

    
        Google Maps | Types
    
  
    
    
    
         
    
        function GFG() {
            var CustomOp = {
                center:new google.maps.LatLng(
                        28.502212, 77.405603), 
                zoom:17, 
                mapTypeId:google.maps.MapTypeId.TERRAIN
            };
               
            // Map object
            var map = new google.maps.Map(
                document.getElementById("DivID"),
                CustomOp
            );
        }
    

  


    
        
            GeeksforGeeks
        
          
        Google Maps
          
        
        
        
    

      

输出：