title: How can I display multiple longitude/latitude on google maps using Angular 4
body: <p>I want to display multiple locations on a google map at the same time using json.</p>
  
  <p>I am not sure how to do that. I have displayed a map but with only one position</p>
  
  <p>Here is the json:</p>
  
  <pre><code>{
      "post_country": "Vietnam",
      "post_latitude": 10.4452129,
      "post_longitude": 106.4729811
  },
  
  {
      "post_country": "Kyrgyzstan",
      "post_latitude": 41.1694718,
      "post_longitude": 75.8098141
  },
  
  {
      "post_country": "China",
      "post_latitude": 34.2456501,
      "post_longitude": 108.9877602
  },
  </code></pre>
  
  <p>I have used some values randomly in the below example</p>
  
  <p><strong>Here is my code:</strong></p>
  
  <pre><code>&lt;agm-map [latitude]="latitude" [longitude]="longitude" &gt;
  
  &lt;/agm-map&gt;
  
  latitude: number = 51.678418;
  longitude: number = 7.809007;
  </code></pre>