|
|
|
พี่ค่ะ ช่วยดูโค๊ดให้หน่อย google mapค่ะ อยากเปลี่ยนรูปไอคอน marker ทำไงดี |
|
|
|
|
|
|
|
พอดีเอามาจากของพี่เดี่ยว ไห้ดูเป็นตัวอย่าง แต่อยากไห้มันดึงมาจากฐานข้อใมูล มาโชว์ต้องเปลี่ยนตรงไหนตือไม่เอาแบบโต้ง
คทออยากไห้ userคนที่หนึงแสดงรูปอื่น คนที่สอง แสดงรูปอื่น ประมาณนี้อะค่ะ
Code (PHP)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Google Map Test by Deawx</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<style>
html {
height: auto;
}
body {
height: auto;
margin: 0;
padding: 0;
}
#map {
height: auto;
position: absolute;
bottom:0;
left:0;
right:0;
top:0;
}
@media print {
#map {
height: 950px;
}
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var locations = [
['สี่แยก หนองครก', 15.09234482843765, 104.30643081665039,'images/radio-control-model-car.png', 1],
['วิทยาลัยเทคนิคศรีสะเกษ', 15.10769597211894, 104.3216872215271,'images/festival.png', 2],
['โรงพยาบาลจังหวัดศรีสะเกษ', 15.11544363118582, 104.32016372680664,'images/workshop.png', 3]
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 13,
center: new google.maps.LatLng(15.105355046221582, 104.31570053100586),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i; for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map,
icon: locations[i][3]
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})
(marker, i));
}
</script>
</body>
</html>
ฐานข้อลมูลก้อมี
road
road_id
road_name
road_lat
road_long
user_id
user
user_id
user_name
Tag : PHP
|
|
|
|
|
|
Date :
2013-02-27 07:19:03 |
By :
nongtoom |
View :
1512 |
Reply :
11 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุนค่ะ
|
|
|
|
|
Date :
2013-02-27 09:41:50 |
By :
nongtoom |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
พี่เดียว แล้วถ้าจะให้รูปไอคอนมันเปลี่ยนทำไอะคะ ช่วยเปลี่ยนไห้ดูที ไม่รู้เปลี่ยนตตรงไหน
|
|
|
|
|
Date :
2013-02-27 21:46:04 |
By :
nongtoom |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
marker มันน่าจะใช้ได้ จุดละตัวนะคะ
ส่วนจะใช้รูปใหน หนูว่า เราน่าจะใช้ if เอาแต่ละสถานะ
|
|
|
|
|
Date :
2013-03-07 13:15:29 |
By :
Th@iDev |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
การเขียนโปรแกรม เราลองมั่วได้ แต่ให้มีหลักครับ ยิ่งทำกับ map ที่ใช้ javascript หากผิดจิ๊ดเดียว สคริปเจ๊งกะบ๊ง ไม่รันต่อเลยนะครับ.
ผมจะยกตัวอย่างให้ดูนะครับ อย่างที่น้อง th@idev ได้เขียนไว้
ว่าต้องใช้ IF ถูกแล้วครับ แต่ต้อง IF ตอนที่เรา Query เสร็จแล้วเราจะนำมาแสดง
EXAMPLE
ในโค้ดตัวอย่างที่ผมเขียน อันนี้จะระบุโต้ง ๆ เลยว่า ให้ใช้ Marker อันเดียว คือไม่ได้ดึงจากฐานข้อมูล
แต่ถ้าเราดึงจากฐานข้อมูล นะครับ ให้เราเพิ่มฟิลด์ อีกฟิลด์หนึ่งในฐานข้อมูล เอาชื่อ imarker ละกัน
เก็บไฟล์ไว้ใน folder ชื่อ mymarker ละกันส่วนชื่อไฟล์จะอยู่ในฟิลด์ที่ชื่อ imarker
ทีนี้ตอนเก็บข้อมูล ก็แค่ใส่ข้อมูลให้ครบ แค่นี้ก็ดึงออกมาได้อย่าง บาย ๆ แล้วครับ.
แต่ถ้าไม่ได้ใช้ฐานข้อมูลล่ะ
อันนี้ก็ต้องมาเพิ่มการตัดสินใจให้มันแล้วหละ { IF } อีฟ แบบไม่มี อดัม.
แต่ เอ๊ะ .. แล้วมันจะอ้างอิงจากอะไรหละ ที่จะให้รู้ว่า อันนี้ ข้อนี้ Marker ใหน อะไร ยังไง อะไร ..
สรุป ก็คือให้ไปเพิ่มในฐานข้อมูล แล้วดึงมาปกติเหมือนเดิมนั่นแหละครับ จะง่ายที่สุด และใช้ได้หลายงานที่สุด
จบเอาดื้อ ๆ ..
|
|
|
|
|
Date :
2013-03-07 14:07:59 |
By :
deawx |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
บ่เป็นหยังจ้า
|
|
|
|
|
Date :
2013-03-07 16:10:28 |
By :
deawx |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|