เกี่ยวกับ windowsinfo ใน google maps คับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา เกี่ยวกับ windowsinfo ใน google maps คับ

เกี่ยวกับ windowsinfo ใน google maps คับ

คือว่า ผมกำลังทำระบบท่องเที่ยว มีการปักหมุด ประมาณ 30 กว่าจุด ผมอยากให้แต่ละจุดมี windowsinfo พร้อมข้อมูล และรูปภาพใน windowsinfo ด้วยคับ และอยากให้มีช่อง key words ในการค้นหาข้อมูลด้วยครับ ใครทราบช่วยหน่อยน่ะครับ รบกวนด้วยคับ (ผมใช้ dreamweaver+ php + mysql คับ) คือว่าผมกำลังเริ่มหัดทำคับ ก็เลยไม่ค่อยเข้าใจเท่าไหร่เลย



Aop 202.29.7.xxx 20-04-2011 15:07:07

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

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


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


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

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

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Uinn Khonkaen - ที่ตั้ง</title>
<link id="page_favicon" href="/favicon.ico" rel="icon" type="image/x-icon" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.5.min.js" ></script>
<script type="text/javascript"  src="js/main.js" ></script>
<script type="text/javascript" >
</script>
<script src="//maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAEEKphbi8dfyjLlnqqMoU7hRL8M8nVUwVIEHBzKjwPZMzG2gWQBTEhf__1odl1fIjKKuMCuPtOFThjg" type="text/javascript"></script>
</head>
<body onunload="GUnload()">
<div id="container">
  <div id="content">
    <div id="map" style="width: 480px; height: 378px; float: left;"></div>
  <div id="alternateMap">
   <div>
     <div id="altMapDetail" ></div>
   </div>
  </div>
  </div>
</div>
</body>
<script type="text/javascript"> 
    if (GBrowserIsCompatible()) {
 
      function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
 
        // The new marker "mouseover" listener       
        GEvent.addListener(marker,"mouseover", function() {
          marker.openInfoWindowHtml(html);
        });       
       
        return marker;
      }
 
      var map = new GMap2(document.getElementById("map"));
      map.setCenter(new GLatLng(16.4669,102.83265), 16);
   map.setUIToDefault(); 
   
      var point = new GLatLng(16.46738,102.83320);
      var marker = createMarker(point,'<b>#โรงแรมยูอินน์ </b><br />โรงแรมยูอินน์ ในเมือง อ.เมือง จ.ขอนแก่น 40000')
      map.addOverlay(marker);
 
      var point = new GLatLng(16.46274,102.832329);
      var marker = createMarker(point,'<b>#โรงเรียนอนุบาลวรานุช</b><br/>โรงเรียนอนุบาลวรานุช ในเมือง อ.เมือง จ.ขอนแก่น 40000')
      map.addOverlay(marker);
 
      var point = new GLatLng(16.46799,102.83119);
      var marker = createMarker(point,'<b>#โรงพยาบาลศรีนครินทร์</b><br/>โรงพยาบาลศรีนครินทร์ ในเมือง อ.เมือง จ.ขอนแก่น 40000')
      map.addOverlay(marker);
 
   var point = new GLatLng(16.46629,102.83124);
      var marker = createMarker(point,'<b>#ศุนย์หัวใจสิริกิต</b><br/>ศุนย์หัวใจสิริกิต ในเมือง อ.เมือง จ.ขอนแก่น 40000')
      map.addOverlay(marker);
 
 
    }
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
</script>
</html>

 



Aop 202.29.7.xxx 22-04-2011 11:41
 ความคิดเห็นที่ 2

 อยากได้เหมือนกานคับๆๆๆๆๆๆๆๆๆๆ



mthaiclub 223.207.60.xxx 07-12-2011 12:34






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