ຄວາມຄວາມກັບ Maps Google

Google Maps - ຄູ່ມືມອດແບບລະບົບ

ເມື່ອປະກົດພາບອາກາດ Google Maps ມັນຈະໃຫ້:

  • ການດໍາເນີນຄວາມຂະໜາດ (Zoom) - ປະກົດພິມສະແດງທາງຫຼິ້ນຫຼື ຄູ່ມື +/- ເພື່ອຄວາມຂະໜາດພາບອາກາດ
  • ການຍ້າຍ (Pan) - ປະກົດຄູ່ມືຍ້າຍພາບອາກາດ
  • ການດໍາເນີນພາບອາກາດ (MapType) - ອະນຸຍາດໃຫ້ຜູ້ນຳໃຊ້ປ່ຽນບັນດາຄູ່ມືອາກາດ (ທາງຫຼິ້ນຕາກາດ ແລະ ພາບຫຼວງຕາກາດ)
  • ການສະແດງຄູ່ມືທາງຫຼິ້ນ (Street View) - ປະກົດພິມສະແດງສະເພາະຂະໜາດນ້ອຍທີ່ອາດຈະດັບຕັນພາບອາກາດ

Google Maps - ຄູ່ມືສັດນະພາບອີກຫຼາຍ

ນອກຈາກຄູ່ມືສະພາບມອດແບບລະບົບແລ້ວ，Google Maps ຍັງໃຫ້:

  • ການສະແດງຄວາມຂະໜາດ (Scale) - ປະກົດພິມສະແດງຄວາມຂະໜາດພາບອາກາດ
  • ການດັບຕັນ (Rotate) - ປະກົດພິມສະແດງສະເປພິມສະເພາະຂະໜາດນ້ອຍທີ່ອາດຈະດັບຕັນພາບອາກາດ
  • ການພອງພາບອາກາດ (Overview Map) - ປະກົດພາບພິມສະແດງພິມລວມອາກາດຫຼາຍຫຼາຍ

ທ່ານສາມາດຕັດຕິດຄູ່ມືສັດນະພາບທີ່ຈະປະກົດຂຶ້ນໃນພາບອາກາດເມື່ອສ້າງພາບອາກາດ (ໃນ MapOptions) ຫຼືຜ່ານການເອິ້ນ setOptions() ເພື່ອປ່ຽນຄູ່ມືສະພາບອາກາດ.

Google Maps - ປິດຄູ່ມືສະພາບມອດແບບລະບົບ

ທ່ານອາດຈະຕ້ອງການປິດຄູ່ມືສະພາບມອດແບບລະບົບ.

ສຳລັບບັນຫານີ້，ການຕັດຕິດຄວາມບໍ່ປະຕິບັດຄູ່ມືສະພາບມອດແບບລະບົບພາບອາກາດ (disableDefaultUI) ໃນອອກແບບຄູ່ມືສະພາບອາກາດໃຫ້ເປັນ true:

ອີງຕາມ

var mapOptions {disableDefaultUI: true}

Google Maps - ເປີດທັງໝົດຄູ່ມືສັດນະພາບ

ບາງຄູ່ມືສັດນະພາບຈະອາດຈະປະກົດຂຶ້ນໃນພາບອາກາດໂດຍຜົນຕໍ່ຕ້ານ - ບາງຄູ່ມືສັດນະພາບຈະບໍ່ປະກົດຂຶ້ນຫຼືຈະປະກົດຂຶ້ນພຽງແຕ່ທີ່ທ່ານໄດ້ຕັດຕິດມັນ.

ການຕັດຕິດພາບອາກາດໃນອອກແບບບັດຕາພາບອາກາດທີ່ຈະເພີ່ມຫຼືຫຼົງອອກພາບອາກາດ.

ການຕັດຕິດຄູ່ມືສັດນະພາບໃຫ້ເປັນ true ຈະເຮັດໃຫ້ມັນສາມາດເຫັນ - ການຕັດຕິດໃຫ້ເປັນ false ຈະປິດມັນອອກ.

ບົດສະຫຼຸບນີ້ໄດ້ເປີດທັງໝົດຂອງຄູ່ມືສັດນະພາບຂອງພາບອາກາດ:

ອີງຕາມ

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

ການດັດແກ້ວອຸປະກອນຂອງຫຼັກຖານກາວອກ

ບາງວອຸປະກອນພາຍໃນຫຼັກຖານທີ່ສາມາດດັດແກ້.

ທ່ານສາມາດດັດແກ້ວອຸປະກອນວອກຄຳປະສານວອກຄຳປະສານຂອງວອຸປະກອນ.

ຕົວຢ່າງ, ໃນອະທິບາຍກິດຈະກຳ zoomControlOptions ອະທິບາຍກິດຈະກຳຂອງການດັດແກ້ Zoom 控件. 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
}

ທ່ານອາດໃຊ້ປະສົມເອກະສານ ControlPosition ເພື່ອຈັດການຕັ້ງລະບຽບ:

ອີງຕາມ

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