2016-03-25 4 views
0

Ich versuche, Städte auf einer Kreiskarte hinzuzufügen. Der Breitengrad und der Längengrad werden auf der Karte in voller Größe (auf der Ebene von Rumänien) genau gezeichnet, aber auf der Karte des Landkreises sind diese falsch gezeichnet. Ich denke, ich sollte die Karte oder lat/long der Stadt neu skalieren, ich weiß nicht ... Wie soll ich die Kreiskarte in Übereinstimmung mit den Städten lat/long generieren?Amcharts - Karten: schlechte Koordinaten (lat/lang) auf einer benutzerdefinierten Karte (Kreisebene Rumänien)

Der Code ist unten aufgeführt: http://jsfiddle.net/xzAx7/33/

var map; 

AmCharts.ready(function() { 
    map = new AmCharts.AmMap(); 
    map.pathToImages = "http://www.ammap.com/lib/images/"; 
    //map.panEventsEnabled = true; // this line enables pinch-zooming and dragging on touch devices 
    map.balloon.color = "#000000"; 

    var wordlDataProvider = { 
     mapVar: AmCharts.maps.Cluj, 
     getAreasFromMap: true, 
     areas: [ 
      { id: "FR", color: "#4444ff" }, 
      { id: "RU", color: "#4444ff" }, 
      { id: "US", color: "#4444ff" } 
     ], 
     images: [{ 
        title: "ClujNapoca", 
        latitude: 46.85307355, 
        longitude: 23.63327696, 
        type: "circle", 
      color: "red", 
      scale: 0.5 
       }, { 
        title: "Turda", 
        latitude: 46.5745618, 
        longitude: 23.78573862, 
        type: "circle", 
      color: "red", 
      scale: 0.5 
       }] 
    }; 

    map.dataProvider = wordlDataProvider; 

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

    map.write("mapdiv"); 

}); 

Antwort

0

ich die Lösung gefunden habe. Sie müssen "defs" -Eigenschaften (leftLongiitude, ...) definieren, wenn Sie eine benutzerdefinierte Map erstellen. Dies ist in diesem Artikel angegeben - https://www.amcharts.com/tutorials/creating-custom-maps-for-javascript-ammap/
In der AmCharts Artikel wird erläutert, wie Sie diese "Defs" Eigenschaften erhalten können.

Ich habe ändert den folgenden Code zu verstehen, wie es

"defs": { 
    "amcharts:ammap": { 
     "projection":"mercator", 
     "leftLongitude":"22.607117", 
     "topLatitude":"47.363798", 
     "rightLongitude":"24.261932", 
     "bottomLatitude":"46.384241" 
    } 
} 

Demo funktioniert: http://jsfiddle.net/xzAx7/35/

Verwandte Themen