గూగుల్ మ్యాప్స్ కంట్రోల్స్

谷歌地图 - 默认控件

当显示标准的谷歌地图时,它提供了默认的控件集:

  • పరిమాణం (Zoom) - మ్యాప్ యొక్క పరిమాణ స్థాయిని నియంత్రించడానికి స్లైడర్ లేదా "+/-" బటన్స్ ను ప్రదర్శిస్తుంది
  • పరిక్రమించు (Pan) - మ్యాప్ ను పరిక్రమించడానికి ఉపయోగించే పరిక్రమించు కంట్రోల్ ను ప్రదర్శిస్తుంది
  • మ్యాప్ రకం (MapType) - వినియోగదారుకు మ్యాప్ రకాన్ని (మాప్ స్కీమ్ మరియు సెటెలైట్ మాప్) మార్చడానికి అనుమతిస్తుంది
  • స్ట్రీట్ వ్యూ (Street View) - స్ట్రీట్ వ్యూ పిగ్మ్యాన్ ఐకాన్ ను ప్రదర్శిస్తుంది, దానిని మ్యాప్ పైన లేవని కూడా కనిపించవచ్చు

గూగుల్ మ్యాప్ - మరిన్ని కంట్రోల్స్

డిఫాల్ట్ కంట్రోల్స్ కంటే ప్రత్యేకంగా, గూగుల్ మ్యాప్ ఇతర కంట్రోల్స్ ను అందిస్తుంది:

  • పరిమాణం (Scale) - మ్యాప్ యొక్క పరిమాణ పరిణామాన్ని ప్రదర్శిస్తుంది
  • చక్రాకారం (Rotate) - చిన్న చక్రాకారం సిగ్నల్ సూచించడం, మీరు మ్యాప్ ను చక్రాకారం చేయడానికి అనుమతిస్తుంది
  • ఆక్షరాంశ మ్యాప్ (Overview Map) - మ్యాప్ యొక్క కనీస ప్రదర్శన మ్యాప్ ను ప్రదర్శిస్తుంది, ఇది ఎక్కువ ప్రాంతాన్ని ప్రతిబింబిస్తుంది

మీరు మ్యాప్ సృష్టించటం సమయంలో మాప్ ఆప్షన్స్ లో ప్రదర్శించాల్సిన కంట్రోల్స్ ని నిర్ధారించవచ్చు లేదా setOptions() ని కాల్ చేయడం ద్వారా మ్యాప్ ఆప్షన్స్ ను మార్చవచ్చు.

గూగుల్ మ్యాప్ - డిఫాల్ట్ కంట్రోల్స్ ను నిరోధించండి

మీరు డిఫాల్ట్ కంట్రోల్స్ ను మూసివేయడానికి కోరుకునే ఉండవచ్చు.

ఈ విషయంలో, మ్యాప్ యొక్క disableDefaultUI అట్రిబ్యూట్ (మ్యాప్ ఆప్షన్స్ ప్రాపర్టీలో) ని నిజంగా చేయండి:

ఇన్స్టాన్స్

var mapOptions {disableDefaultUI: true}

గూగుల్ మ్యాప్ - అన్ని కంట్రోల్స్ ను తెరుస్తుంది

కొన్ని కంట్రోల్స్ డిఫాల్ట్లో మ్యాప్ పైన ఉంటాయి; మరికొన్ని ఉండవు, మీరు అది సెట్ చేయకపోతే కాకుండా.

మీరు కార్టే క్రియేట్ అవుట్ ప్రాపర్టీస్ లో కంట్రోల్స్ ను జోడించినారని లేదా తొలగించినారని నిర్ధారించండి.

కంట్రోల్స్ ను సమర్ధంగా చేయడానికి మీరు నిజంగా చేయండి - మీరు తప్పనిసరిగా చేయకపోతే దాన్ని మరచిపోయించండి.

ఈ ఉదాహరణ అన్ని కంట్రోల్స్ ను తెరుస్తుంది:

ఇన్స్టాన్స్

var mapOptions {
  panControl: true,
  zoomControl: true,
  mapTypeControl: true,
  scaleControl: true,
  streetViewControl: true,
  overviewMapControl: true,
  rotateControl: true
}

గూగుల్ మ్యాప్ - కంట్రోల్స్ సవరించడం

కొన్ని మ్యాప్ కంట్రోల్స్ సవరించబడగలవు.

కంట్రోల్ ఆప్షన్స్ ఫీల్డ్ ను నిర్దేశించడం ద్వారా కంట్రోల్ ను మార్చవచ్చు.

ఉదాహరణకు, zoomControlOptions ఫీల్డ్ లో జూమ్ కంట్రోల్ ను సవరించడానికి ఉపయోగించే ఆప్షన్స్ ని నిర్దేశిస్తుంది. zoomControlOptions ఫీల్డ్ లో ఉండవచ్చును:

  • google.maps.ZoomControlStyle.SMALL - చిన్న జూమ్ కంట్రోల్ చూపిస్తుంది (+ మరియు - బటన్లు మాత్రమే)
  • google.maps.ZoomControlStyle.LARGE - ప్రమాణ జూమ్ స్లైడర్ కంట్రోల్ చూపిస్తుంది
  • google.maps.ZoomControlStyle.DEFAULT - పరికరం మరియు మ్యాప్ పరిమాణాను బట్టి ఉత్తమ జూమ్ కంట్రోల్ ఎంచుకోవచ్చు

ఇన్స్టాన్స్

zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.SMALL
}

నోట్: కంట్రోల్ ను సవరించడానికి ముందు కంట్రోల్ ను చేతనం చేయండి (దానిని true చేయండి).

మరొక సవరించగల కంట్రోల్ యాక్షన్ మ్యాప్ టైప్ కంట్రోల్ ఉంది.

mapTypeControlOptions ఫీల్డ్ లో కంట్రోల్ ఆప్షన్స్ నియంత్రిస్తుంది. mapTypeControlOptions ఫీల్డ్ లో ఉండవచ్చును:

  • google.maps.MapTypeControlStyle.HORIZONTAL_BAR - ప్రతి మ్యాప్ టైప్ కు బటన్ను చూపిస్తుంది
  • google.maps.MapTypeControlStyle.DROPDOWN_MENU - మ్యాప్ టైప్ ను డ్రాప్ డౌన్ మెనూ ద్వారా ఎంచుకోవచ్చు
  • google.maps.MapTypeControlStyle.DEFAULT - స్క్రీన్ పరిమాణాను బట్టి ‘డిఫాల్ట్’ ప్రవర్తనను చూపిస్తుంది

ఇన్స్టాన్స్

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}

మీరు కంట్రోల్ పోసిషన్ అట్రిబ్యూట్ ఉపయోగించి కంట్రోల్ ను స్థానం చేయవచ్చు:

ఇన్స్టాన్స్

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
  position: google.maps.ControlPosition.TOP_CENTER
}