javascript - india - গুগল ম্যাপস জুম নিয়ন্ত্রণ messed up হয়




google maps india (6)

আমি গুগল ম্যাপস এপিআই (v.3) ব্যবহার করে একটি মার্কারের সাথে একটি মানচিত্র প্রদর্শন করতে। আমি সম্প্রতি লক্ষ্য করেছি যে মানচিত্রটি জুম করার জন্য ব্যবহৃত নিয়ন্ত্রণটি আপগ্রেড হয়ে গেছে (এটি সর্বদা এটির মতো ছিল না)। আমি কারণ কি কোন ধারণা আছে।

হালনাগাদ

এই পোস্টটি মূলত একটি পৃষ্ঠার লিঙ্ক ছিল যেখানে আপনি সমস্যাটি দেখতে পারেন তবে এখন লিঙ্কটি ভাঙ্গা হয়েছে, তাই আমি এটি সরিয়ে ফেলেছি।


আপনি যদি ইয়াহু এর বিশুদ্ধ CSS ব্যবহার করেন তবে আপনার ডিভিউকে বুটস্ট্র্যাপের মতো "গুগল-মানচিত্র" বর্গ দিন এবং আপনার CSS এ এই নিয়মটি দিন।

.google-maps img {
    max-width: none;
    max-height: none;
}

যতদূর আমি বলতে পারি, বিশুদ্ধ সিএসএসটির নিজস্ব সমস্যাটি সমাধান করার কোন উপায় নেই।


আপনি যদি টুইটার বুটস্ট্র্যাপ ব্যবহারকারী হন তবে আপনাকে এই লাইনটিকে আপনার CSS এ যুক্ত করা উচিত:

.gmnoprint img { max-width: none; } 

আমি উপরের সমস্ত সমাধান চেষ্টা করেছি, এবং অন্যান্য ফোরাম থেকে অন্য কোন উপকারিতা। এটা সত্যিই বিরক্তিকর কারণ আমি অন্য একটি অ-ওয়ার্ডপ্রেস সাইট যেখানে কোড পুরোপুরি কাজ করে। (আমি একটি ওয়ার্ডপ্রেস পৃষ্ঠায় একটি গুগল ম্যাপ প্রদর্শন করার চেষ্টা করছিলাম, কিন্তু জুম এবং স্ট্রিটভিউ কন্ট্রোলগুলি বিকৃত ছিল)।

আমি যে সমাধানটি করেছি তা হল একটি নতুন এইচটিএমএল ফাইল তৈরি করা (নোটপ্যাডে সমস্ত কোড পেস্ট করুন এবং এটি xyz.html নামটি টাইপ করুন, "সমস্ত ফাইল" হিসাবে সংরক্ষণ করুন)। তারপরে এটি আপলোড করুন / এটিতে আপলোড করুন এবং একটি নতুন ওয়ার্ডপ্রেস পৃষ্ঠা সেট আপ করুন এবং একটি এম্বেড ফাংশন ব্যবহার করুন। পৃষ্ঠাটি সম্পাদনা করার সময় পাঠ্য সম্পাদক (দৃশ্যমান সম্পাদক নয়) এবং কপি / টাইপ করুন:

http: // পৃষ্ঠা URL প্রস্থ = "900" উচ্চতা = "950">

আপনি যদি মাত্রাগুলি পরিবর্তন করেন তবে উপরের উভয় আর্গুমেন্টগুলিতে এটি পরিবর্তন করতে মনে রাখবেন, অথবা আপনি অদ্ভুত ফলাফল পাবেন।

আমরা সেখানে যাই - কিছু অন্যান্য উত্তর হিসাবে চতুর হিসাবে হতে পারে না, কিন্তু এটা আমার জন্য কাজ! এখানে প্রমাণ: http://a-bc.co.uk/latitude-longitude-finder/


আমি পাশাপাশি এই সমস্যা ছিল

.google-maps img {
    max-width: none;
}

কাজ করে নি। আমি অবশেষে ব্যবহৃত

.google-maps img {
    max-width: none !important;
}

এবং এটি একটি কবজ মত কাজ।


শুধু @ ম্যাক্স-ফেভিলি উত্তর ভাগ করুন:

গুগল ম্যাপ এপিআই এর সর্বশেষ সংস্করণের সাথে আপনার এটি দরকার:

<style>
.gm-style img { max-width: none; }
.gm-style label { width: auto; display: inline; }
</style>

@ ম্যাক্স-ফেভিলি ধন্যবাদ

https://.com/a/19339767/3070027


আপনার সিএসএস এটি messed। max-width: 100%; অপসারণ max-width: 100%; লাইন 814 এবং জুম নিয়ন্ত্রণ আবার সূক্ষ্ম দেখতে হবে। যেমন বাগ এড়াতে আপনার সিএসএস এর আরো নির্দিষ্ট নির্বাচক ব্যবহার করুন।





google-maps