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

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

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

 

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

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



Warmhouse Cm 182.53.142.xxx 10-02-2012 03:08:46

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

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


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


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

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

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



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

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



songthalay 110.164.67.xxx 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 223.206.177.xxx 16-02-2012 21:12
 ความคิดเห็นที่ 4

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



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

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



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

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



Suttipong Noosit 49.49.135.xxx 19-03-2012 15:57
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ