Как эффективно импортировать значок для маркера карты Google в реакции? - PullRequest
Новая
       37

Как эффективно импортировать значок для маркера карты Google в реакции?

0 голосов
/ 18 июня 2019

У меня в папке значков 20 значков, таких как p1.png, p2.png, p3.png, ..., p20.png.В настоящее время я должен импортировать 20 значков, чтобы использовать его для маркера карты Google.Есть ли лучший способ импортировать значок с умом?Или есть ли лучший способ загрузить значок в реагировать вместо импорта?Количество использованных значков зависит от длины моего результата json. 

import p1IconUrl from "./icon/p1.png";
import p2IconUrl from "./icon/p2.png";

for (var i = 0; i < json.length; i++) {
    var pickup = json[i].pickupLocation.split(",");
    var deliver = json[i].deliverLocation.split(",");
    rows.push(<Marker label= {(i+1).toString()} position={{ lat: parseFloat(pickup[0]), lng: parseFloat(pickup[1]) }}  
    icon={{url: p1IconUrl ,
            labelOrigin: new window.google.maps.Point(16, 24)
            }}

     />);
    rows.push(<Marker label= {(i+1).toString()} position={{ lat: parseFloat(deliver[0]), lng: parseFloat(deliver[1]) }}  
    icon={{url: p1IconUrl ,
            labelOrigin: new window.google.maps.Point(16, 10)
            }}
    />);
}

Я попытался напрямую ввести "./icon/p2.png" в URL-адрес значка без импорта, но значок не загрузится.

...