转换latlngs的对象google.map.LatLng对象为多边形构建

我必须低于定义被发布到一个谷歌的经纬度值的JavaScript对象映射创建脚本转换latlngs的对象google.map.LatLng对象为多边形构建

var lat1 = '51.0001'; 
     var lng1 = '52.0001'; 
     var lat2 = '61.0001'; 
     var lng2 = '62.0001'; 
     google_map_item.coordinates = [ 
      new polygonLatLng(lat1,lng1), 
      new polygonLatLng(lat2,lng2) 
     ]; 

    google_map_items.push(google_map_item); 

    function polygonLatLng(lat,lng){ 
     this.lat = lat; 
     this.lng = lng; 
    }

正如你可以看到google_map_item .coordinates对象基本上只是几个点，我知道这不是完整的多边形，但我已经硬编码了一些简单的值，只是试图让脚本在使用动态之前工作。

对象google_map_items被推到下面的地图创建脚本：

jQuery(document).ready(function($) {  

     var longitude = google_map_items[0].lat; 
     var latitude = google_map_items[0].lon; 
     var center = new google.maps.LatLng(longitude, latitude); 

     var zoomlevel = parseInt(google_map_items[0].zoomlevel); 

     var myOptions = { 
      zoom: zoomlevel, 
      center: center, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     var bounds = new google.maps.LatLngBounds(); 
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

     for(i = 0; i < google_map_items.length; i++) { 
      var latlng = new google.maps.LatLng(google_map_items[i].lat, google_map_items[i].lon); 
      bounds.extend(latlng); 

      var marker = new google.maps.Marker({ 
      position: latlng, 
      map: map, 
      icon: "https://chart.googleapis.com/chart?chst=d_map_pin_letter_withshadow&chld=" + (i + 1) + "|FF8888|000000", 
      zIndex: Math.round(latlng.lat()*-100000)<<5 
      }); 

      google.maps.event.addListener(marker, 'click', (function(marker, i) { 
      return function() { 
       $(".surgery").removeClass("highlighted"); 
       $("#surgery-" + (i + 1)).addClass("highlighted"); 
      } 
      })(marker, i)); 

     } 

     if (google_map_items.length >1) { map.fitBounds(bounds); } 

       //check if area to add to map 
       //if(google_map_items.coordinates){ 
       var surgeryArea; 

       var areaCoords = [ 

       ]; 

        surgeryArea = new google.maps.Polygon({ 
         paths: google_map_item.coordinates, 
         strokeColor: "#FF0000", 
         strokeOpacity: 0.4, 
         strokeWeight: 2, 
         fillColor: "#FF0000", 
         fillOpacity: 0.35, 
         clickable: true 
        }); 

        // add an event listener 
        google.maps.event.addListener(surgeryArea, 'click', function() { 
         this.setMap(null); 
        }); 

        surgeryArea.setMap(map); 

       //} 

     });

没有为areaCoords空obecjt需要建立尤斯新google.maps.LatLng构造函数里面的每个点google_map_item.coordinates对象。我对JavaScript对象和数组操作的了解还不够深入，无法解决通过这种语法的语法，因此非常感谢所有帮助。

来源

2012-07-25 Steve Smith

更改坐标的值：

google_map_item.coordinates = [ 
     new google.maps.LatLng(lat1, lat1), 
     new google.maps.LatLng(lat2, lat2) 
    ];

来源

2013-05-15 11:13:56 CrisDanos

转换latlngs的对象google.map.LatLng对象为多边形构建

回答

相关问题