title: amcharts4 dynamic location marker
body: <p><a href="https://www.amcharts.com/demos/custom-html-elements-map-markers/" rel="nofollow noreferrer">https://www.amcharts.com/demos/custom-html-elements-map-markers/</a></p>
  
  <p>I need to add a location marker when I click a button. I tried <code>imageSeries.data.push</code>, <code>addData</code>, <code>init</code> and other methods but when I move the chart (<code>mappositionchanged</code>) is triggered location updates.
  I need to make it work automatically without moving or zooming the chart.</p>
  
  <p>I am using amcharts version 4.</p>
  
  <pre class="lang-js prettyprint-override"><code>function test() {
      imageSeries.addData({
          "zoomLevel": 5,
          "scale": 0.5,
          "title": "Pretoria",
          "latitude": -25.7463,
          "longitude": 28.1876
      });
      alert(imageSeries.data);
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;button onClick="test();"&gt;click&lt;/button&gt;
  </code></pre>