گوجل ماپس کنٹرول

ਗੂਗਲ ਮੈਪ - ਮੂਲ ਕੰਟਰੋਲ

ਜਦੋਂ ਤੱਕ ਸਟੈਂਡਰਡ ਗੂਗਲ ਮੈਪ ਦਿਸਦਾ ਹੈ, ਉਸ ਵਿੱਚ ਮੂਲ ਕੰਟਰੋਲ ਸੈਟ ਦਿਸਦਾ ਹੈ:

• ਸਾਰੇ ਮੈਪ - ਸਾਰੇ ਮੈਪ ਦਾ ਜਾਇਜ਼ਾ ਦਿਸਦਾ ਹੈ
• ਸਾਰੇ ਮੈਪ - ਸਾਰੇ ਮੈਪ ਦਾ ਟਾਸਟ ਦਿਸਦਾ ਹੈ
• ਮੈਪ ਤਰੀਕਾ (MapType) - ਯੂਜ਼ਰ ਨੂੰ ਮੈਪ ਤਰੀਕੇ (ਰੂਟ ਅਤੇ ਸੈਟੇਲਾਈਟ ਚਿੱਤਰ) ਵਿੱਚ ਤਬਦੀਲ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ
• ਸਟ੍ਰੀਟਵਿਊ (Street View) - ਸਟ੍ਰੀਟਵਿਊ ਚਿੱਤਰ ਦਿਸਦਾ ਹੈ (Pegman icon), ਜਿਸ ਨੂੰ ਮੈਪ 'ਤੇ ਖਿੜਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਤਾਂ ਕਿ ਸਟ੍ਰੀਟਵਿਊ ਚਲਾਇਆ ਜਾ ਸਕੇ

ਗੂਗਲ ਮੈਪ - ਹੋਰ ਕੰਟਰੋਲ

ਮੂਲ ਕੰਟਰੋਲਾਂ ਤੋਂ ਇਲਾਵਾ, ਗੂਗਲ ਮੈਪ ਇਹ ਵੀ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ:

• ਪੈਰਾਲਸ (Scale) - ਮੈਪ ਦੀ ਪੈਰਾਲਸ ਈਲੀਮੈਂਟ ਦਿਸਦਾ ਹੈ
• ਰੋਟੇਸ਼ਨ (Rotate) - ਚਿੱਕਣ ਵਾਲਾ ਛੋਟਾ ਚੱਕਰ ਚਿੱਤਰ ਦਿਸਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਮੈਪ ਨੂੰ ਘੁੰਮਾਇਆ ਜਾ ਸਕਦਾ ਹੈ
• ਸਾਰੇ ਮੈਪ - ਸਾਰੇ ਮੈਪ ਦਾ ਨਜ਼ਰਾਨਾ ਦਿਸਦਾ ਹੈ

ਤੁਸੀਂ ਮੈਪ ਬਣਾਉਣ ਦੇ ਸਮੇਂ ਜੋ ਕੰਟਰੋਲਾਂ ਨੂੰ ਦਿਸਦੇ ਹਨ (MapOptions ਵਿੱਚ) ਜਾਂ setOptions() ਦੀ ਸ਼ੁਰੂਆਤ ਨਾਲ ਮੈਪ ਦੇ ਚੋਣਾਂ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ。

ਗੂਗਲ ਮੈਪ - ਮੂਲ ਕੰਟਰੋਲ ਨੂੰ ਬੰਦ ਕਰੋ

ਤੁਸੀਂ ਮੂਲ ਕੰਟਰੋਲਾਂ ਨੂੰ ਬੰਦ ਕਰਨਾ ਚਾਹੋ ਸਕਦੇ ਹੋ。

ਇਸ ਲਈ, ਮੈਪ ਦੇ disableDefaultUI ਪ੍ਰਤੀਯੋਗਿਤਾ (ਮੈਪ ਚੋਣ ਵਿੱਚ) ਨੂੰ true ਸੈਟ ਕਰੋ:

ਉਦਾਹਰਣ

var mapOptions {disableDefaultUI: true}

ਗੂਗਲ ਮੈਪ - ਸਾਰੇ ਕੰਟਰੋਲ ਖੋਲ੍ਹੋ

ਕੁਝ ਕੰਟਰੋਲਾਂ ਮੂਲ ਤੌਰ 'ਤੇ ਮੈਪ 'ਤੇ ਦਿਸਦੇ ਹਨ; ਅਜਿਹੇ ਹੋਰ ਕੰਟਰੋਲ ਦਿਸਦੇ ਨਹੀਂ ਹਨ ਜਦੋਂ ਤੱਕ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਸੈਟ ਨਹੀਂ ਕਰਦੇ。

ਕੀਮਤ ਵਿੱਚ ਮੈਪ ਵਿੱਚ ਜੋੜਨ ਜਾਂ ਹਟਾਉਣ ਵਾਲੇ ਕੰਟਰੋਲ ਲਈ ਮੈਪ ਚੋਣ ਵਿੱਚ ਸਪੱਸ਼ਟ ਕਰੋ。

ਕੰਟਰੋਲ ਨੂੰ true ਸੈਟ ਕਰਨ ਨਾਲ ਉਹ ਦਿਸਦੇ ਹਨ - ਕੰਟਰੋਲ ਨੂੰ false ਸੈਟ ਕਰਨ ਨਾਲ ਉਹ ਛੁਪ ਜਾਂਦੇ ਹਨ。

ਇਹ ਉਦਾਹਰਣ ਸਾਰੇ ਕੰਟਰੋਲਾਂ ਨੂੰ ਖੋਲ੍ਹਦਾ ਹੈ:

ਉਦਾਹਰਣ

var mapOptions {
  panControl: true,
  google.maps.ZoomControlStyle.DEFAULT - ਉਪਕਰਣ ਅਤੇ ਮੈਪ ਸਾਈਜ਼ ਨਾਲ ਬਿਹਤਰ ਜ਼ੋਮ ਕੰਟਰੋਲ ਚੁਣਨ ਲਈ
  mapTypeControl: true,
  panControl: 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

ਮੰਗਿਆ ਗਿਆ ਹੈ ਕਿ ਕੰਟਰੋਲ ਨੂੰ ਸੁਧਾਰਣਾ ਹੈ, ਤਾਂ ਪਹਿਲਾਂ ਇਸ ਨੂੰ ਸਕਰਨ (ਟਰੂ) ਕਰੋ。

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
}

ਤੁਸੀਂ ਇਸ ਕੰਟਰੋਲ ਦੀ ਸਥਿਤੀ ਸਥਾਪਤ ਕਰਨ ਲਈ ControlPosition ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਤ ਸਕਦੇ ਹੋਏ:

ਉਦਾਹਰਣ

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
  پوزیشن: گوجل میپس کنٹرول پوزیشن ٹاپ سینٹر
}