d3.js Fischaugenverzerrung auf der Karte
Ich versuche, eine d3.geo.path () - Map mit dem fisheye.js-Plugin zu verzerren https: //github.com/d3/d3-plugins/tree/master/fishey).
Um ein Objekt zu verzerren, benötigt das Plugin x & y Attribute.
m d3.js Wiki heißt es:
Eine Projektionsfunktion verwendet ein aus zwei Elementen bestehendes Array von Zahlen, die die Koordinaten eines Ortes [Längengrad, Breitengrad] darstellen, und gibt ein ähnliches aus zwei Elementen bestehendes Array von Zahlen zurück, die die Position des projizierten Pixels [x, y] darstellen. Zum Beispiel eine rudimentäre sphärische Mercator-Projektion:
https: //github.com/mbostock/d3/wiki/Geo-Path
So sollte die Verzerrung möglich sein, ich kann einfach nicht meinen Kopf darum wickeln.
Ich benutze die world-50m.json für meine Projektion. Nach dem Laden befindet sich ein Array mit Bögen. Ich denke, das sind die Koordinaten, die ich manipulieren muss. Aber das ist Rätselraten ...
Vielen Dank
Kim