ম্যাপবক্স জিএল অ্যাডলায়ার: আইকন চিত্রগুলি কোথা থেকে আসছে

10

অনেকগুলি উদাহরণ সর্বদা আইকন চিত্রটি লোড করে রাখে (উদাহরণস্বরূপ: https://www.mapbox.com/mapbox-gl-js/example/geojson-markers/ ):

map.addLayer({
    "id": "markers",
    "type": "symbol",
    "source": "markers",
    "layout": {
        "icon-image": "{marker-symbol}-15",
        "text-field": "{title}",
        "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
        "text-offset": [0, 0.6],
        "text-anchor": "top"
    }
});

এই আইকনটি কোথায় সঞ্চিত এবং আমি কীভাবে কোনও স্থানীয় পিএনজি বা এসভিজি-র সাথে লিঙ্ক করব? বা আমি কীভাবে নিজের markersউত্সটি তৈরি করতে পারি ? উদাহরণ খুব ভাল নথিভুক্ত করা হয় না।

mapbox-gl

— tobias47n9e
সূত্র

আপনি কি এপিআই ডক্সের 'স্টাইল রেফারেন্স' বিভাগটি পরীক্ষা করেছেন?

— টাঙ্গনার

3

এটি আমার মতে খুব ভালভাবে ব্যাখ্যা করা হয়নি। একটি ভাল কাজের উদাহরণ দেখতে ভাল লাগবে।

— tobias47n9e

13

আপনি যদি উদাহরণগুলি অনুসরণ করেন তবে আপনি কেবল সেই স্প্রাইটগুলি পান যা আপনার নির্দিষ্ট শৈলীর স্প্রিট শীট দিয়ে লোড হয়, যা অন্য কোনও স্টাইলের সাথে 1 থেকে 1 টি ম্যাচ খুব গুরুত্বপূর্ণ নয়।

উদাহরণস্বরূপ: পান্না-ভি 8 এর কোনও "আইকন-চিত্র" নেই: "হারবার -15" উদাহরণটির মতো যা রাস্তা-ভি 8 ব্যবহার করে।

সম্পর্কিত শৈলী থেকে উপলব্ধ স্প্রাইটের তালিকাটি দেখতে: https://github.com/mapbox/mapbox-gl-styles/tree/master/sprites

আমি তাদের মত পান্না-ভি 8 সংগ্রহস্থল থেকে "হারবার" আইকনটি চয়ন করতে পারি:

map.addLayer({
    "id": "pointclick",
    type: 'symbol',
    source: 'pointclick',
    "layout": {
        "icon-image": "harbor_icon",
        "icon-size":1.5
    },
    "paint": {}
});

এই উত্সটি আমাকে এটি সমস্ত একসাথে টানতে সহায়তা করেছে এবং এটি কীভাবে আপনার নিজস্ব আইকন তৈরি করবেন তা ব্যাখ্যা করে: https://www.mapbox.com/help/custom-markers/#loc-mapbox-styles-images

সম্পাদনা করুন:

মূলত, আপনার নিজস্ব আইকনগুলির একটি যুক্ত করতে, ম্যাপবক্স স্টুডিওতে যান, আপনার নিজস্ব স্টাইল তৈরি করুন, বা এর একটি সম্পাদনা করুন। কেবল আপনার নিজের একটি এসভিজি যোগ করুন, তারপরে সেই আইকনটি আপনার কাস্টম স্প্রাইট শিটের জন্য আপনার কাছে উপলভ্য হবে।

— CCantey
সূত্র

7

আপনি বাহ্যিক / উত্পন্ন আইকনগুলি icon-imageব্যবহার করতে পারেন যেমন আপনি ব্যবহার করেন map.loadImage()এবং map.addImage()প্রথম।

উদাহরণ:

মানচিত্রে একটি আইকন যুক্ত করুন

মানচিত্রে একটি উত্পন্ন আইকন যুক্ত করুন

— মাইক দাভালান্তেস
সূত্র

0

এতে বলা হয় হিসাবে পরী ডক্স পাস: "sprite": "https://link"আপনার শৈলী, যেখানে linkসঙ্গে genereted JSON লিংক spritezero-CLI । এসআরজি ফর্ম্যাটে আপনার আইকনগুলির তালিকা থেকে স্প্রিটজারো-ক্লিমে উত্পন্ন পিএনজি স্প্রাইট। যে হিসাবে আপনি প্রতীক স্তর আইকন ব্যবহার করতে পারেন 'icon-image'।

— microspace
সূত্র