Category: গুগল মেপ্স/মানচিত্র । Google Maps

গুগল মেপ্স/মানচিত্র । Google Maps

গুগল ম্যাপ কন্ট্রোল (Google Maps Controls)

ডিফল্ট কন্ট্রোল সেটসহ একটি গুগল ম্যাপঃ গুগল ম্যাপ – ডিফল্ট কট্রোল যখন একটি স্ট্র্যান্ডার্ড গুগল ম্যাপ দেখানো হয় তখন তাতে যে কন্ট্রোলসেটটি ডিফল্ট হিসেবে থাকে তা নিম্নরূপঃ জুম – একটি স্লাইডার অথবা “+/-” বাটনগুলো দেখায় যা ম্যাপের জুম লেভেল নিয়ন্ত্রন করতে ব্যবহৃত হয় প্যান – ম্যাপকে প্যানিং অর্থাৎ ভার্টিকেল/হরাইজন্টালি নাড়াচাড়া করার জন্য একটি প্যান কন্ট্রোল …

Continue reading

গুগল ম্যাপ এর ঘটনাবলি (Google Maps Events)

Google Maps Events(গুগল ম্যাপ এর ঘটনাবলি) Click The Marker to Zoom(জুম করার জন্য মার্কার Click করুন) আমরা এখনও পূর্বের page এর map ব্যাবহার করচিঃ এখানে যে map টি ব্যাবহার করা হয়েছে তা লন্ডন, ইংল্যান্ড কেন্দ্রিক । যখন একজন ব্যাবহারকারী মার্কার এ ক্লিক করেন তখন আমরা map টিকে বড় করে উপস্থাপন করি (আমরা marker হিসেবে একটি …

Continue reading

গুগলম্যাপ্স ওভারলেস (Google Maps – Overlays)

Add a marker to the Google map(Google map এ marker যোগকরন) Google Maps – Overlays( মোড়ক তৈরি করন) Overlays হচ্ছে map এর উপরে একটি object যেটি latitude এবং longitude এর সীমিত করনে কাজ করে । Google Maps এর কয়েক ধরনের overlay দেখা যায় – ১) Marker- map এর একটি একক জাইগা নির্দেশ করে। Marker টি …

Continue reading

গুগল ম্যাপস এপিআই টিউটোরিয়াল (Google Maps API Tutorial)

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

Continue reading

গুগল ম্যাপের মৌলিক ধারণা (Google Maps Basic)

গুগল ম্যাপের মৌলিক ধারণা ইন্দ্র ভূষণ শুভ একটি বেসিক গুগল ম্যাপ তৈরি করুন এই উদাহরণটি ইংল্যান্ডের লন্ডন কেন্দ্রিক একটি গুগল ম্যাপ তৈরি করেঃ উদাহরণ DOCTYPE html> <html> <head> <script> function initialize() { var mapProp = { center:new google.maps.LatLng(51.508742,-0.120850), zoom:5, mapTypeId:google.maps.MapTypeId.ROADMAP }; var map=new google.maps.Map(document.getElementById(“googleMap”),mapProp); } google.maps.event.addDomListener(window, ‘load’, initialize); </script> </head> <body> googleMap” style=”width:500px;height:380px;”> </body> </html> …

Continue reading