Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,160

HOME > PHP > PHP Forum > อยากให้กดลิ้งต่อไปได้หลังจาก infowindow แสดง(Google map)


 

อยากให้กดลิ้งต่อไปได้หลังจาก infowindow แสดง(Google map)

 



Topic : 132530



โพสกระทู้ ( 6 )
บทความ ( 0 )



สถานะออฟไลน์




Code (PHP)
<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html {
        height: 100%;
        margin: 0px;
        padding: 0px;
		text-align: center;
      }

      #map {
        height: 620px;
        width: 1350px;
      }
    </style>
  </head>
  <body>
  <div id="map"></div>
    <script>

      function initMap() {
			var mapOptions = {
			  center: {lat: 13.847860, lng: 100.604274},
			  zoom:6,
			}
				
			var maps = new google.maps.Map(document.getElementById("map"),mapOptions);


			var marker, info;
			var arr=[];

      <?php

include"connect.php";
if(array_key_exists('Label', $_GET)){
  $Label = $_GET['Label'];
  $query="SELECT * FROM map2 WHERE Label = '$Label' limit 1";
  $result = mysqli_query($con,$query);

while($row = mysqli_fetch_array($result)) { 
?>

			$.getJSON( "json.php?Label=<?php echo $row["Label"]?>", function( jsonObj ) {
					//*** loop
					$.each(jsonObj, function(i, item){
          
						var marker = new google.maps.Marker({
						   position: new google.maps.LatLng(item.la, item.lo),
						   map: maps,
						   title: item.Temple_name,
               icon: 'busIcon57.png'

						});

            
					  var info = new google.maps.InfoWindow();

					   arr.push(marker.getPosition());
 var poly = new google.maps.Polyline({
  path: arr,
  strokeColor: '#FF6600',
  strokeOpacity: 1.0,
  strokeWeight: 6,
  map: maps
  });
 function setMapsToCenter(obj) {
  var bounds = new google.maps.LatLngBounds();
  var points = obj.getPath().getArray();
  for (var n = 0; n < points.length; n++) {
  bounds.extend(points[n]);
  }
  map.fitBounds(bounds);//เส้น Polyline จะถูกสร้างจริงจากคำสั่งนี้ครับ
  }

					  google.maps.event.addListener(marker, 'click', (function(marker, i) {
						return function() {
						  info.setContent(item.Temple_name);
						  info.open(maps, marker);
						}
					  })(marker,i));

/////////////////---------------------each------------------------//////////////////////////////
					}); 

			 });
//setMapsToCenter(poly);
		}

<?php }}?>
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6eOHYHZk7N7G1L6WTN5B9X2EKYLSznaM&callback=initMap" async defer></script>
  </body>
</html>




Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-11-09 17:28:35 By : Bombermanzzzzzzz View : 97 Reply : 1
 

 

No. 1



โพสกระทู้ ( 73,832 )
บทความ ( 835 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ขอภาพประกอบหน่อยครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-11-20 17:56:02 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากให้กดลิ้งต่อไปได้หลังจาก infowindow แสดง(Google map)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, vps | เช่า vps , รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่