ทำแผนที่สี ช่วยดูให้หน่อยครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ทำแผนที่สี ช่วยดูให้หน่อยครับ

ทำแผนที่สี ช่วยดูให้หน่อยครับ

 

อยากถามว่าเราสามารถทำการคลุมสีแผนที่แบบในภาพได้โดยไม่ใช้ไฟล์ KML ได้หรือไม่ครับ ใช้ Javascript ได้หรือไม่ ถ้าได้ขอวิธีหน่อยครับ ถ้าใช้กับ Google map v3 จะดีมากเลยครับ

ตัวอย่างนี้เป็น Google map v2 ใช้งาน KML ไฟล์ในการสร้างพื้นที่สีครับ ที่อยากได้เป็น Google map v3 เพราะไม่จำเป็นต้องมี API คีย์ก็สามารถแสดงผลได้ครับ



Warmhouse Cm 10-02-2012 03:08:46

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

ทำได้แล้วครับ



Warmhouse Cm 14-02-2012 11:19
 ความคิดเห็นที่ 2

อยากทำบ้างอ่ะคับ ทำยังไงเหรอคับ



songthalay 15-02-2012 16:43
 ความคิดเห็นที่ 3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<kml xmlns="http://www.opengis.net/kml/2.2"xmlns:gx="http://www.google.com/kml/ext/2.2">
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>ChiangMai - เชียงใหม่</title> 
<style type="text/css"> 
html { height: 100% } 
body {  
    height:100%; 
    margin:0;padding:0; 
    font-family:tahoma, "Microsoft Sans Serif", sans-serif, Verdana; 
    font-size:12px; 
} 
/* css กำหนดความกว้าง ความสูงของแผนที่ */ 
#map_canvas {  
    width:485px; 
    height:580px; 
    margin:auto; 
}
.style1 {font-size: 24px}
</style> 
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script> 
</head> 
   
<body>
<center><p class="style1">แสดงข้อมูลจังหวัดเชียงใหม่</p>
</center>
<div id="map_canvas"></div>
<script type="text/javascript"> 
var map; // กำหนดตัวแปร map ไว้ด้านนอกฟังก์ชัน เพื่อให้สามารถเรียกใช้งาน จากส่วนอื่นได้ 
var GGM; // กำหนดตัวแปร GGM ไว้เก็บ google.maps Object จะได้เรียกใช้งานได้ง่ายขึ้น
function initialize() { // ฟังก์ชันแสดงแผนที่ 
    GGM=new Object(google.maps); // เก็บตัวแปร google.maps Object ไว้ในตัวแปร GGM 
    // กำหนดจุดเริ่มต้นของแผนที่ 
    var my_Latlng  = new GGM.LatLng(18.788504980384875, 98.98595809936523);
     
    var my_mapTypeId=GGM.MapTypeId.ROADMAP; // กำหนดรูปแบบแผนที่ที่แสดง 
    // กำหนด DOM object ที่จะเอาแผนที่ไปแสดง ที่นี้คือ div id=map_canvas 
    var my_DivObj=$("#map_canvas")[0];  
    // กำหนด Option ของแผนที่ 
    var myOptions = { 
        zoom: 10, // กำหนดขนาดการ zoom 
        center: my_Latlng , // กำหนดจุดกึ่งกลาง 
        mapTypeId:my_mapTypeId // กำหนดรูปแบบแผนที่ 
    }; 
    map = new GGM.Map(my_DivObj,myOptions);// สร้างแผนที่และเก็บตัวแปรไว้ในชื่อ map 
     
//##########################################
var georssLayer = new google.maps.KmlLayer('http://ubit.comuv.com/jungwad/kml/chiang_mai.kml');//ใส่URLของไฟล์KML ที่ต้องการใช้ครับ
georssLayer.setMap(map);
 
}
//http://ubit.comuv.com/status/kml/wt_all.kml
//http://ubit.comuv.com/Project2.kml
$(function(){ 
    // โหลด สคริป google map api เมื่อเว็บโหลดเรียบร้อยแล้ว 
    // ค่าตัวแปร ที่ส่งไปในไฟล์ google map api 
    // v=3.2&sensor=false&language=th&callback=initialize 
    //  v เวอร์ชัน่ 3.2 
    //  sensor กำหนดให้สามารถแสดงตำแหน่งทำเปิดแผนที่อยู่ได้ เหมาะสำหรับมือถือ ปกติใช้ false 
    //  language ภาษา th ,en เป็นต้น 
    //  callback ให้เรียกใช้ฟังก์ชันแสดง แผนที่ initialize 
    $("<script/>", { 
      "type": "text/javascript", 
      src: "//maps.google.com/maps/api/js?v=3.2&sensor=false&language=th&callback=initialize" 
    }).appendTo("body");     
}); 
</script>   
</body> 
</html>

 



Warmhouse Cm 16-02-2012 21:12
 ความคิดเห็นที่ 4

 file kml ได้มาจากใหนครับ อยากได้ที่อื่นด้วยน่ะครับ 



deawx 06-03-2012 01:36
 ความคิดเห็นที่ 5

 ไฟล์ KML สร้างเอาเองครับที่หน้า Google map



Warmhouse Cm 06-03-2012 13:20
 ความคิดเห็นที่ 6

พอจะแนะนำวิธีการสร้างได้มั้ยครับ ผมไม่เข้าใจว่าจะสร้างยังไง



Suttipong Noosit 19-03-2012 15:57
1







สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet
หรือ
Terms of Service | Privacy Policy
Author
2025 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ