PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

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

 

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

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



โดย:  Warmhouse Cm IP: 182.53.142.xxx วันที่: 10-02-2012 เวลา: 03:08:46

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 6

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



โดย:  Suttipong Noosit IP: 49.49.135.xxx วันที่: 19-03-2012 เวลา: 15:57:39
 ความคิดเห็นที่ 5

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



โดย:  Warmhouse Cm IP: 171.5.49.xxx วันที่: 06-03-2012 เวลา: 13:20:05
 ความคิดเห็นที่ 4

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



โดย:  Deawx IP: 180.180.32.xxx วันที่: 06-03-2012 เวลา: 01:36:58
 ความคิดเห็นที่ 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: "http://maps.google.com/maps/api/js?v=3.2&sensor=false&language=th&callback=initialize"  
    }).appendTo("body");      
});  
</script>    
</body>  
</html>

 



โดย:  Warmhouse Cm IP: 223.206.177.xxx วันที่: 16-02-2012 เวลา: 21:12:59
 ความคิดเห็นที่ 2

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



โดย:  Songthalay IP: 110.164.67.xxx วันที่: 15-02-2012 เวลา: 16:43:18
 ความคิดเห็นที่ 1

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



โดย:  Warmhouse Cm IP: 101.109.21.xxx วันที่: 14-02-2012 เวลา: 11:19:11