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

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

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

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

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

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

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

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

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

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

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

Warmhouse Cm 14-02-2012 11:19

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

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

songthalay 15-02-2012 16:43

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

<!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

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน