ພາບແກ້ວກູໂກຕັ້ງເຂົ້າ

ຈຸລັງ - ຄັອບສັບ

ຄັອບສັບແມ່ນເປັນເປົ້າໝາຍທີ່ມີຕິດຕັ້ງໃສ່ຂອບເຂດສາມະນານ/ຂອບເຂດທາງ:

ຈຸລັງມີຮູບແບບທີ່ຫຼາກຫຼາຍ:

• ສັນ (Marker) - ທີ່ຕັ້ງຂອງການສະແດງ. ສັນຍາພາບສາຍຍັງສາມາດສະແດງພາບລັກສະນະສັນຍາ:
• ສາຍສຽງ (Polyline) - ສາຍທີ່ສະແດງໃສ່ການສະແດງ:
• ພາກສັນ (Polygon) - ສາຍທີ່ສະແດງໃສ່ການສະແດງແບບ 'ປິດ':
• ວົງກວ້າງ ແລະ ວົງຕົວ (Circle ແລະ Rectangle)
• ຂໍ້ມູນສະແດງ (Info Windows) - ສະແດງເນື້ອຫນັງໃນບານປະກາດທີ່ຫຼັງການສະແດງ:
• ການສະແດງຄັອບສັບສະແດງຕິດຕັ້ງ

ການສະແດງຈຸລັງ - ການເພີ່ມສັນຍາພາບ

Marker 构造函数可创建标记。请注意，必须设置 position 属性才能显示标记。

ກະຕຸ້ມ setMap() ເພື່ອເພີ່ມສັນຍາພາບໄປໃສ່ການສະແດງ:

ຄວາມຄິດ

var marker = new google.maps.Marker({position: myCenter});
marker.setMap(map);

ການສະແດງຈຸລັງ - ການສັນຍາພາບການສັນຍາ

ຕົວຢ່າງດັ່ງລຸ່ມນີ້ໄດ້ສະແດງວິທີການນຳໃຊ້ບັນດາລະບຽບ animation ເພື່ອການສັນຍາພາບ:

ຄວາມຄິດ

var marker = new google.maps.Marker({
  position:myCenter,
  animation:google.maps.Animation.BOUNCE
});
marker.setMap(map);

ການສະແດງຈຸລັງ - ນຳໃຊ້ພາບລັກສະນະສັນຍາ

ຕົວຢ່າງດັ່ງລຸ່ມນີ້ໄດ້ກຳນົດພາບພາບລັກສະນະທີ່ຈະນຳໃຊ້ແທນສັນຍາພາບຄົນເກົ່າ:

ຄວາມຄິດ

var marker = new google.maps.Marker({
  position:myCenter,
  icon:'pinkball.png'
});
marker.setMap(map);

ການສະແດງຈຸລັງ - ສາຍສຽງ

ສາຍສຽງແມ່ນສາຍທີ່ຖືກຂຽນຈາກລາຍການສັນຍາລະບາຍທີ່ຕິດຕັ້ງໂດຍອີກຄັກ:

ສາຍສຽງຈະສະໜັບສະໜູນບັນດາປະສັບຢ່າງກ່າວຫນັງນີ້:

• path - ການສະແດງຂອບເຂດສາມະນານ/ຂອບເຂດທາງໃນ
• strokeColor - ກໍານົດສີຂອງພາດສານກາກທອງ (ຮູບແບບ: "#FFFFFF")
• strokeOpacity - ກໍານົດຄວາມບັງຄັບຂອງພາດສານກາກທອງ (ຈາກ 0.0 ຫາ 1.0)
• strokeWeight - ກໍານົດຄວາມບັງຄັບຂອງການຂຽນຕົວ (ໃນຄວາມສາມາດເພື່ອຕົວ ຖ້າເປັນ 1)
• editable - ກໍານົດວ່າການເຄື່ອນຍ້າຍຂອງວົງກວ້າງສາມາດດັດແປງຫຼືບໍ່ (true/false)

ຄວາມຄິດ

var myTrip = [stavanger,amsterdam,london];
var flightPath = new google.maps.Polyline({
  path:myTrip,
  
  
  strokeWeight:2
});

ການຈັດຕັ້ງຕາມພາດສານກາກທອງ - ວົງກວ້າງ

ວົງກວ້າງຄືກັບພາດສານທີ່ມີຈຸດວົງກວ້າງຕາມລຳດັບເປັນສາຍ. ແຕ່ວົງກວ້າງຖືກອອກແບບເພື່ອກໍານົດພາດສານກວ້າງຂອງພາດສານກາກທອງ.

ວົງກວ້າງແມ່ນຕົວຢ່າງຂອງພາດສານກາກທອງທີ່ມີຮູບຮ່າງ"ກວ້າງ" (ທຸກສາຍໄດ້ເຊື່ອມຕົກກັນ)

ວົງກວ້າງສະພາບການສະໜັບສະໜູນ:

• path - ກໍານົດຈຸດວົງກວ້າງວົງກວ້າງຫຼັງຈາກຈຸດວົງກວ້າງສຸດທ້າຍ (ຈຸດວົງກວ້າງທໍາອິດ ແລະ ຈຸດວົງກວ້າງສຸດທ້າຍແຕກຕ່າງກັນ)
• strokeColor - ກໍານົດສີຂອງພາດສານກາກທອງ (ຮູບແບບ: "#FFFFFF")
• strokeOpacity - ກໍານົດຄວາມບັງຄັບຂອງພາດສານກາກທອງ (ຈາກ 0.0 ຫາ 1.0)
• strokeWeight - ກໍານົດຄວາມບັງຄັບຂອງການຂຽນຕົວ (ໃນຄວາມສາມາດເພື່ອຕົວ ຖ້າເປັນ 1)
• fillColor - ກໍານົດສີຫຼັກຂອງພາດສານກາກທອງ (ຮູບແບບ: "#FFFFFF")
• fillOpacity - ກໍານົດຄວາມບັງຄັບສະພາບຂອງສີຈັບ (ຈາກ 0.0 ຫາ 1.0)
• editable - ກໍານົດວ່າການເຄື່ອນຍ້າຍຂອງວົງກວ້າງສາມາດດັດແປງຫຼືບໍ່ (true/false)

ຄວາມຄິດ

var myTrip = [stavanger,amsterdam,london,stavanger];

  path:myTrip,
  
  
  strokeWeight:2,
  fillColor:"#0000FF",
  fillOpacity:0.4
});

ການຈັດຕັ້ງຕາມພາດສານກາກທອງ - ວົງກວ້າງ

ວົງກວ້າງສະພາບການສະໜັບສະໜູນ:

• center - ກໍານົດຂອງວົງກວ້າງ google.maps.LatLng
• radius - ກໍານົດວົງກວ້າງຂອງວົງກວ້າງໃນມື້ (ໃນມື້)
• strokeColor - ກໍານົດສີຂອງວົງກວ້າງໃນຮູບແບບຫົວໜ້າ (ຮູບແບບ: "#FFFFFF")
• strokeOpacity - ກໍານົດຄວາມບັງຄັບຂອງຄວາມບາງຂອງການຂຽນ (ຈາກ 0.0 ຫາ 1.0)
• strokeWeight - ກໍານົດຄວາມບັງຄັບຂອງການຂຽນຕົວ (ໃນຄວາມສາມາດເພື່ອຕົວ ຖ້າເປັນ 1)
• fillColor - ກໍານົດສີຫຼັກຂອງວົງກວ້າງໃນຮູບແບບຫົວໜ້າ (ຮູບແບບ: "#FFFFFF")
• fillOpacity - ກໍານົດຄວາມບັງຄັບສະພາບຂອງສີຈັບ (ຈາກ 0.0 ຫາ 1.0)
• editable - ກໍານົດວ່າຜູ້ນຳໃຊ້ສາມາດດັດແປງວົງກວ້າງຫຼືບໍ່ (true/false)

ຄວາມຄິດ

  
  radius:20000,
  
  
  strokeWeight:2,
  fillColor:"#0000FF",
  fillOpacity:0.4
});

ການຈັດຕັ້ງຕາມພາດສານກາກທອງ

ເພື່ອສະແດງຄວາມຄິດທີ່ມີຂໍ້ຄວາມໃນ marker:

ຄວາມຄິດ

var infowindow = new google.maps.InfoWindow({
  content:"Hello World!"
});
infowindow.open(map,marker);