Блог

Главная - Вопросы по программированию - Листовка JS iconUrl и Laravel

Листовка JS iconUrl и Laravel

#javascript #laravel

#javascript #laravel

Вопрос:

Я использую laravel.

В моем блейд-файле у меня есть следующий код:

 <div
    id="mapid"
    class="h-screen w-full z-0"
></div >

@push('head-scripts')
    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"integrity="sha512 ... </script>
@endpush


@push('scripts')

    <script>
    //Making map and tiles

    const mymap = L.map('mapid').setView([0, 0], 3);

    L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
        maxZoom: 18,
        id: 'mapbox/streets-v11',
        tileSize: 512,
        zoomOffset: -1,
        accessToken: 'pkkagdgfsecretblablabdfgkjfdökhdfjgfag'
    }).addTo(mymap);

    // making a marker with an icon

    const myIcon = L.icon({
        iconUrl: 'http://leafletjs.com/examples/custom-icons/leaf-green.png',
        iconSize: [50, 32], // size of the icon
        iconAnchor: [22, 16], // point of the icon which will correspond to marker's location

    });

    const marker = L.marker([0, 0, {icon: myIcon}]).addTo(mymap);

    marker.setLatLng([50, 20]);

</script >

@endpush

Я хочу вставить альтернативный значок в

iconUrl: ,

Я пытался

 iconUrl: 'http://somelink/some.png',
iconUrl: 'https://somelink/some.png',
iconUrl: './images/some.png',
iconUrl: '/images/some.png',
iconUrl: '/svg/some.png',
iconUrl: './svg/some.png',
iconUrl: {{ asset('/images/some.png') }},
iconUrl: {{ asset('./images/some.png') }},
iconUrl: {{ asset('./svg/some.png') }},
iconUrl: url{{ asset('/images/some.png') }},
iconUrl: '../../public/some.png',

Как я могу ссылаться на * .png или любой другой формат внутри тега внутри блейд-компонента laravel?

Ответ №1:

Вы можете сохранить свое изображение в своей папке «/ public» и установить внутри своего javascript iconUrl: '{{ URL::asset('/some.png') }}'

Надеюсь, это поможет 🙂

Метки: