ওপেনলায়ার্স 2 এ কাস্টম গুগল ম্যাপ স্টাইল প্রয়োগ করছেন?


10

সম্প্রতি আমি এই মজাদার নিবন্ধটি গুগল ম্যাপে কাস্টম শৈলী যুক্ত করার সম্ভাবনা দেখিয়ে হোঁচট খেয়েছি। স্টাইলযুক্ত মানচিত্রের কয়েকটি উদাহরণ এখানে দেখা যায় এবং আপনি এখানে স্ক্র্যাচ থেকে নিজের ডিজাইন করতে পারেন ।

আমি আমার ওপেনলায়ার্স বেস মানচিত্রে 'গ্রেস্কেল' থিম প্রয়োগ করতে চাই: এখানে চিত্র বর্ণনা লিখুন

গুগল ডেমো অনুসারে স্টাইলের বর্ণনাটি একরকম দেখতে চাইবে:

var styles = {
  'Greyscale': [
    {              
      featureType: 'all',
      rules: [
        {saturation: -100},
        {gamma: 0.50}
      ]
    }
  ]
}

ওপেনলায়ার্সে আমার গুগল ম্যাপটি বর্তমানে সহজভাবে দেখাচ্ছে:

var gmap = new OpenLayers.Layer.Google("Google Streets",
    {
    'numZoomLevels': 20,
    'sphericalMercator': true}
);

আমি কীভাবে আমার মানচিত্রে গ্রেস্কেল থিম প্রয়োগ করতে পারি?


গুগল ম্যাপস রঙিনজার googlemapscolorizr.stadtwerk.org আপনি যদি নিজের নির্দিষ্ট রঙ নির্দিষ্ট করতে চান তবে সহায়ক হতে পারে।
রাদেক


রঙের সাথে খেলার কয়েকটি উদাহরণ: 41latitude.com/post/1268734799/google-styled-maps
radek

অনুগ্রহ ছেড়ে যেতে চান না? :) আমি মনে করি সিমো এটি পেয়েছে
রাগী ইয়াসার বুড়হুম

প্রকৃতপক্ষে. এখনও প্রতিযোগিতার তিন দিনের দিন;]
রাদেক

উত্তর:


20

দেখে মনে হচ্ছে আপনি লেয়ার.ম্যাপ অবজেক্টটি ব্যবহার করে সরাসরি গুগল্যাপ মানচিত্র অ্যাক্সেস করতে পারবেন ।

স্তরের স্টাইল করতে gmap API দেখুন: https://developers.google.com/maps/docamentation/javascript/styling

এখানে আমি তৈরি করেছি একটি ছোট উদাহরণ পৃষ্ঠা: http://www.intermezzo-coop.eu/mapping/styled_gmap.html

গুগলম্যাপ উইজার্ডটিও দেখুন: https://mapstyle.withgoogle.com/


আপনি কি সাফল্য পেয়েছেন, রাডেক?
সিমো

@ সিমো: 'লেয়ার.ম্যাপ অবজেক্ট' কীভাবে ব্যবহার করবেন তা আমি নিশ্চিত নই
রাডেক

1
@radek; আপনার মানচিত্রের স্টাইলিং সংজ্ঞায়িত করতে আপনার নিজের কিছু জেএস তৈরি করতে হবে; দ্বিতীয় লিঙ্কটিতে বেশ কয়েকটি ভাল উদাহরণ রয়েছে যা আপনাকে খুব ভাল প্রবাহ প্রদর্শন করবে।
ডবলাইট

1
@radek: আমি এটি পরীক্ষা না কিন্তু আমি তোমাকে হিসাবে আপনার gmap লেয়ার তৈরি অনুমান Var glayer নতুন OpenLayers.Layer.Google (অপশন) = , তারপর Gmap সিনট্যাক্স ব্যবহার করে আপনার শৈলী তৈরি, এবং পরিশেষে এরকম আবেদন glayer.mapObject.mapTypes .set ('হিপহপ', জায়েজম্যাপটাইপ); উপরে দেওয়া উদাহরণটি দেখুন see আমার যদি শীঘ্রই কিছু সময় থাকে তবে আমি এটি করার চেষ্টা করব এবং আপনাকে জানাব
সিমো

4
@radek: আমরা শুরু করছি empreinte-urbaine.eu/mapping/styled_gmap.html
simo
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.