कोणीय 2 या 4

Question

में मानचित्र पर बहुभुज के बहुभुज के आकार को कैसे आकर्षित करें मेरे ग्राहक को अपने उत्पाद के लिए Google मानचित्र बहुभुज की आवश्यकता है। मेरा फ्रंट प्लेटफॉर्म कोणीय 2 या 4 है। मेरे प्रश्न कैसे बहुभुज की आकृति आकर्षित करने के लिए गतिशील रूप से (रास्तों पूर्वनिर्धारित नहीं) और कैसे

बहुभुज

के अक्षांश देशांतर मान संग्रहीत करने के लिए मैं पहले से ही AGMPolygon उल्लेख लेकिन यह मेरी isuse का समाधान नहीं

Answer 1

trungk18 दिया plunker के रूप में यह सीमित है, लेकिन आवश्यकता मैं बहुभुज के लिए आवश्यक खींचने योग्य और संपादन योग्य विकल्प हैं करने के लिए। कोणीय 4 के लिए काम कर plunker, नीचे दिए गए https://embed.plnkr.co/9GacxKCoIs1ZWBuLkH91/

ngOnInit() { 
       var polygon1 = { 
      draggable:true, 
      editable:true, 
      fillColor:"#f00" 
     }; 
     var rect1 = { 
      draggable:true, 
      editable:true, 
      fillColor:"#0f0" 
     }; 
      this.map = new google.maps.Map(document.getElementById('map'), { 
       center: { lat:17.4471, lng: 78.454 }, 
       zoom: 10 
      }); 

      this.drawingManager = new google.maps.drawing.DrawingManager({ 
       drawingMode: google.maps.drawing.OverlayType.POLYGON, 
       drawingControl: true, 
       polygonOptions:polygon1 
       rectangleOptions:rect1 

       drawingControlOptions: { 
        position: google.maps.ControlPosition.TOP_CENTER, 
        drawingModes: [ 'polygon', 'rectangle'] 

       } 
      }); 

      this.drawingManager.setMap(this.map); 
      google.maps.event.addListener(this.drawingManager, 'overlaycomplete', (event) => { 
       // Polygon drawn 
       var poly =event.overlay.getPath().getArray(); 
       alert(poly); 

      }); 
     } 

Answer 2

का संदर्भ लें है यह और जावास्क्रिप्ट का उपयोग कर लागू करने का प्रयास करें। कोड बहुत सरल हो जाएगा (मैं व्यक्तिगत रूप से यह पसंद करते हैं) https://developers.google.com/maps/documentation/javascript/examples/drawing-tools

Answer 3

काम कर plunker की जाँच करें:

1. बेसिक संस्करण (केवल बहुभुज चित्रित) https://embed.plnkr.co/A0huR0eVYbA8uF2Nwg8f

2. अद्यतन संस्करण (बहुभुज बनाने और छेड़छाड़ की जांच) https://embed.plnkr.co/3sNWwX/

AGM अभी के लिए कोणीय 2 के लिए सबसे अच्छी लाइब्रेरी है लेकिन इसे अभी भी सभी Google मानचित्र API को प्रतिबिंबित करने के लिए और अधिक अपडेट करने की आवश्यकता है। तो बेहतर है कि हम Google मानचित्र दस्तावेज़ का पालन करें और कोणीय 2 समुदाय के समर्थन से पहले इसे सीधे उपयोग करें।

कृपया ध्यान दें कि यह एक बहुत ही बुनियादी है जो आपको बहुभुज आकर्षित करने और एक बार परिष्करण प्राप्त करने की अनुमति देता है। आप सभी मानचित्र संबंधित कोड को एक सेवा में भी ले जाना चाहते हैं।

ngOnInit() { 
    this.map = new google.maps.Map(document.getElementById('map'), { 
     center: { lat: -34.397, lng: 150.644 }, 
     zoom: 8 
    }); 

    this.drawingManager = new google.maps.drawing.DrawingManager({ 
     drawingMode: google.maps.drawing.OverlayType.POLYGON, 
     drawingControl: true, 
     drawingControlOptions: { 
      position: google.maps.ControlPosition.TOP_CENTER, 
      drawingModes: ['polygon'] 
     } 
    }); 

    this.drawingManager.setMap(this.map); 
    google.maps.event.addListener(this.drawingManager, 'overlaycomplete', (event) => { 
     // Polygon drawn 
     if (event.type === google.maps.drawing.OverlayType.POLYGON) { 
      //this is the coordinate, you can assign it to a variable or pass into another function. 
      alert(event.overlay.getPath().getArray()); 
     } 
    }); 
}