DrawOrder সহ LineStrings-এর জন্য জটিল স্টাইলিং

জোশ লিভনি, গুগল জিও এপিআই টিম
ডিসেম্বর, 2010

উদ্দেশ্য

এই টিউটোরিয়ালটি আপনাকে Google Earth 6.0 এর সাথে প্রবর্তিত কয়েকটি নতুন KML উপাদানের সাথে পরিচয় করিয়ে দেয় এবং কীভাবে সেগুলি আপনার লাইনস্টাইলগুলির জন্য জটিল কার্টোগ্রাফি তৈরি করতে ব্যবহার করা যেতে পারে। আপনি যে উপাদানগুলি সম্পর্কে শিখবেন সেগুলি হল <gx:physicalWidth> , <gx:outerColor> , <gx:outerWidth> , এবং <gx:drawOrder> ।

ভূমিকা

গুগল আর্থ 6.0 প্রকাশের আগে, আপনি লাইনস্ট্রিংগুলির জন্য জটিল কার্টোগ্রাফিক শৈলীগুলি সংজ্ঞায়িত করার ক্ষমতাতে সীমাবদ্ধ ছিলেন। উদাহরণস্বরূপ, যদি আপনি একটি রাস্তার জন্য একটি শৈলী তৈরি করতে চান, যেখানে লাইনস্ট্রিং-এর কেন্দ্রে প্রান্তের চেয়ে আলাদা রঙ ছিল, আপনাকে আলাদা আলাদা প্রস্থের দুটি পৃথক লাইনস্ট্রিং আঁকতে হবে, এবং তারপরও আপনি যে ক্রমটি আঁকবেন তা নিশ্চিত করতে পারবেন না।

নিম্নলিখিত উদাহরণগুলি একটি রাস্তা তৈরি করে। প্রথমত, রাস্তার একটি সাধারণ শৈলী থাকবে। তারপর আপনি একটি ফুটপাথ যোগ হবে. অবশেষে, আপনি একটি হাইওয়ে ওভারপাস যোগ করবেন।

একটি মৌলিক রাস্তা

আগ্রহের প্রথম উপাদান হল <gx:physicalWidth> , যা আপনাকে একটি লাইনস্ট্রিং এর প্রস্থ পিক্সেলের পরিবর্তে মিটারে সেট করতে দেয়। আমাদের রাস্তার উদাহরণের ক্ষেত্রে, এর অর্থ হল আপনি আমাদের রাস্তার প্রস্থকে অন্তর্নিহিত চিত্রের সাথে মেলে সেট করতে পারেন, তা যাই হোক না কেন শেষ ব্যবহারকারী রাস্তাটি যে উচ্চতা থেকে দেখেন। আপনি যখন উচ্চতা বাড়ান, রাস্তাটি পিক্সেলে কমে যায়, একটি প্রভাব তৈরি করে যেখানে আপনি ঘনিষ্ঠভাবে জুম করলে শুধুমাত্র লাইনস্ট্রিং দেখতে পাবেন। এটি উপযোগী হতে পারে যদি আপনি দূর থেকে ছোট রাস্তার উপর জোর দিতে না চান, অথবা আপনি নিশ্চিত করতে চান যে আপনার কার্টোগ্রাফি সব সময়ে উপগ্রহ চিত্রের সাথে মেলে।

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
<Document>
  <name>Road Styling</name>
  <Style id="street">
    <LineStyle>
      <color>ff235523</color>
      <gx:physicalWidth>12</gx:physicalWidth>
    </LineStyle>
  </Style>
  <Placemark>
    <styleUrl>#street</styleUrl>
    <LineString>
      <coordinates>
      -122.2442883478408,37.4347536724074,0
      -122.2417741446485,37.43594997501623,0
      -122.2414951359056,37.43611878445952,0
      </coordinates>
    </LineString>
  </Placemark>
</Document>
</kml>

আপনি Google Earth-এ ক্যামেরার উচ্চতা পরিবর্তন করার সময়, নোট করুন কিভাবে এটি সর্বদা অন্তর্নিহিত চিত্রগুলির প্রস্থের সাথে ঘনিষ্ঠভাবে মেলে৷

ফুটপাথ যোগ করা

এখন আপনি ফুটপাথ বোঝাতে আমাদের রাস্তার প্রান্তে হালকা সবুজ যোগ করে <gx:outerColor> এবং <gx:outerWidth> উপাদান যোগ করতে পারেন। রাস্তার মোট পিক্সেলের 25% হালকা ধূসর হতে সেট করুন।

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
<Document>
  <name>Road Styling</name>
  <Style id="street_sidewalk">
    <LineStyle>
      <color>ff235523</color>
      <gx:physicalWidth>12</gx:physicalWidth>
      <gx:outerColor>ff55ff55</gx:outerColor>
      <gx:outerWidth>0.25</gx:outerWidth>
    </LineStyle>
  </Style>
  <Placemark>
    <styleUrl>#street_sidewalk</styleUrl>
    <LineString>
      <coordinates>
      -122.2442883478408,37.4347536724074,0
      -122.2417741446485,37.43594997501623,0
      -122.2414951359056,37.43611878445952,0
      </coordinates>
    </LineString>
  </Placemark>
</Document>
</kml>

কারণ রাস্তার প্রস্থ 12 মিটার নির্ধারণ করা হয়েছিল, বাইরের প্রস্থের জন্য .25 এর মান মানে সেই প্রস্থের 3 মিটার হালকা সবুজে সেট করা হবে (রাস্তার প্রতিটি পাশে প্রায় 1.5 মিটার)।

একটি হাইওয়ে ওভারপাস

এখন যেহেতু আপনার একটি প্রাথমিক রাস্তা আছে, এটি একটি হাইওয়ে ওভারপাস মোকাবেলা করার সময়। এটি একটি গাঢ় কমলা মধ্য রেখা সহ একটি হালকা কমলা রঙ করা হবে। এখানে মূল সংযোজন হল রাস্তার উপরে হাইওয়ে রেন্ডার করা হবে তা নিশ্চিত করার জন্য <LineSring> এ 1 এর একটি <gx:drawOrder> (ডিফল্ট 0) অন্তর্ভুক্ত করা। আপনি যদি আরও জটিল হাইওয়ে ইন্টারচেঞ্জ তৈরি করেন (অথবা দুটির বেশি ওভারল্যাপিং লাইনস্ট্রিংগুলির প্রয়োজন হয় এমন কোনও কার্টোগ্রাফি) আপনি উপরে যেটি রেন্ডার করতে চান তার জন্য আপনি কেবল <gx:drawOrder> -এ একটি উচ্চতর মান যোগ করতে পারেন।

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
<Document>
  <name>Road Styling</name>
  <Style id="street_sidewalk">
    <LineStyle>
      <color>ff235523</color>
      <gx:physicalWidth>10</gx:physicalWidth>
      <gx:outerColor>ff55ff55</gx:outerColor>
      <gx:outerWidth>0.25</gx:outerWidth>
    </LineStyle>
  </Style>
  <Style id="highway">
    <LineStyle>
      <color>cc1447ff</color>
      <gx:physicalWidth>20</gx:physicalWidth>
      <gx:outerColor>cc1473ff</gx:outerColor>
      <gx:outerWidth>0.75</gx:outerWidth>
    </LineStyle>
  </Style>
  <Placemark>
    <styleUrl>#street_sidewalk</styleUrl>
    <LineString>
      <coordinates>
     -122.2442883478408,37.4347536724074,0
     -122.2417741446485,37.43594997501623,0
     -122.2414951359056,37.43611878445952,0
      </coordinates>
    </LineString>
  </Placemark>
  <Placemark>
    <styleUrl>#highway</styleUrl>
    <LineString>
    <gx:drawOrder>1</gx:drawOrder>
    <coordinates>
      -122.2442692500139,37.43634904345254,0
      -122.2415928723012,37.43416417520744,0
    </coordinates>
    </LineString>
  </Placemark>
</Document>
</kml>

এরপর কি?

রেন্ডারিং অর্ডারের উপর নিয়ন্ত্রণের সাথে মিলিত একাধিক রঙের সাথে একটি একক লাইনস্ট্রিং বর্ণনা করার ক্ষমতা আপনাকে জটিল লাইন কার্টোগ্রাফি তৈরি করতে দেয় যা আগে সম্ভব ছিল না। আপনি একটি হাইওয়ে ওভারপাস বা একটি বিমূর্ত শিল্প প্রকল্প তৈরি করছেন না কেন, এই স্টাইলিং নিয়মগুলির সাথে মজা করুন!