Добавить маркер в ампулу map

Я хочу добавить круговой маркер к карте ammap. Маркер должен быть ориентирован на Берлин, который имеет широту 52.523407 и долготу 13.4114 (вы можете проверить эти координаты here).Добавить маркер в ампулу map

Вот исходный код страницы, который пытается это сделать. A jsFiddle example также доступен.

<html> 
<head> 

<script src="ammap.js" type="text/javascript"></script> 
<script src="germanyLow.js" type="text/javascript"></script> 

<script type="text/javascript"> 

    var dataPoints = [{ 
      latitude: 52.523407, 
      longitude: 13.4114, 
      type: 'bubble', 
      color: '#CC0000',  
      fixedSize: false, 
      alpha: 0.5, 
      height: 50, 
      width: 50 
    }]; 

    AmCharts.ready(function() { 
     // create AmMap object 
     var map = new AmCharts.AmMap(); 

     // set path to images 
     map.pathToImages = "images/map"; 

     var dataProvider = { 
      mapVar: AmCharts.maps.germanyLow, 
      getAreasFromMap:true, 
      images: dataPoints 
     }; 

     // pass data provider to the map object 
     map.dataProvider = dataProvider; 

     map.areasSettings = { 
      autoZoom: true, 
      selectedColor: "#CC0000" 
     }; 

     // write the map to container div 
     map.write("mapdiv");       
    }); 

</script> 
</head> 
<body>  
    <div id="mapdiv" style="width: 600px; height: 400px;"></div> 
</body> 
</html>

Если вы открываете страницу, то увидите следующее. Я сам добавил черную стрелку, чтобы указать, где должен находиться круг. Как видите, центр круга находится примерно в 150 км к северо-западу от него. Если я добавлю другие маркеры, они также будут размещены примерно в 150 км северо-западнее, где я бы ожидал их. Я что-то делаю неправильно, или это ошибка?

enter image description here

источник

2013-08-21 Dónal

Вы должны добавить "по центру: ложный" атрибут к вашему MapImage:

var dataPoints = [{ 
     latitude: 52.523407, 
     longitude: 13.4114, 
     type: 'bubble', 
     color: '#CC0000', 

     fixedSize: false, 
     alpha: 0.5, 
     height: 50, 
     width: 50, 
     centered: false 
}];

Вот ваша обновленной скрипка:

http://jsfiddle.net/amcharts/6c5U3/591/

источник

2013-08-21 15:51:45 martynasma

Добавить маркер в ампулу map

ответ

Смежные вопросы