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

Registered : 109,038

HOME > PHP > PHP Forum > แผนที่ไม่ขึ้นค่ะ google map รบกวนช่วยดูโค้ดให้ทีนะค่ะ


[PHP] แผนที่ไม่ขึ้นค่ะ google map รบกวนช่วยดูโค้ดให้ทีนะค่ะ

 
Topic : 089938



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



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



แค่เปลี่ยนโค้ด มันก็ไม่ขึ้นเลยค่ะ


Code
<!DOCTYPE html>
<html>
  <head>
  <script src="http://maps.google.com/maps/api/js?sensor=false"type="text/javascript"></script>    <script type="text/javascript">
    <style> //ใส่ตรงนี้เพิ่ม
html {
height: auto;
}
body {
height: auto;
margin: 0;
padding: 0;
}
#map {
height: auto;
position: absolute;
bottom:0;
left:0;
right:0;
top:0;
}
@media print {
#map {
height: 950px;
}
}
</style>
   <script>
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(13.754059,100.493317),
          zoom: 12,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
            mapOptions);
      }
    </script>
  </head>
  <body onload="initialize()">
    <div id="map_canvas" ></div>
  </body>
</html>




Tag : PHP, HTML/CSS
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-01-29 01:47:08 By : sweetwater View : 2555 Reply : 9
 

 

No. 1



โพสกระทู้ ( 5,149 )
บทความ ( 26 )

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

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


เปลี่ยน height: auto; เป็น height: 650px; ดูครับผม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-01-29 05:03:13 By : deawx
 

 

No. 2



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



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


ยังไม่ขึ้นเลยค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-01-29 12:31:52 By : sweetwater
 

 

No. 3



โพสกระทู้ ( 5,149 )
บทความ ( 26 )

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

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


เปลี่ยน
var map = new google.maps.Map(document.getElementById("map_canvas"),
เป็น
var map = new google.maps.Map(document.getElementById("map"),
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-01-29 13:38:36 By : deawx
 

 

No. 4



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



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


ตอนนี้หนูเปลี่ยนตัว map ให้เป็น map_canvas หมดแล้ว แต่ยังไม่ขึ้นเหมือนเดิมค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-01-29 15:50:28 By : sweetwater
 

 

No. 5



โพสกระทู้ ( 5,149 )
บทความ ( 26 )

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

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


Code (PHP)
view source
print?
01.<!DOCTYPE html>
02.<html>
03.  <head>
04.  <script src="http://maps.google.com/maps/api/js?sensor=false"type="text/javascript"></script>  
05.    
06.    <style> 
07.html {
08.height: auto;
09.}
10.body {
11.height: auto;
12.margin: 0;
13.padding: 0;
14.}
15.#map_canvas {
16.height: auto;
17.position: absolute;
18.bottom:0;
19.left:0;
20.right:0;
21.top:0;
22.}
23.@media print {
24.#map_canvas {
25.height: 950px;
26.}
27.}
28.</style>
29.   <script>
30.      function initialize() {
31.        var mapOptions = {
32.          center: new google.maps.LatLng(13.754059,100.493317),
33.          zoom: 12,
34.          mapTypeId: google.maps.MapTypeId.ROADMAP
35.        };
36.        var map = new google.maps.Map(document.getElementById("map_canvas"),
37.            mapOptions);
38.      }
39.    </script>
40.  </head>
41.  <body onload="initialize()">
42.    <div id="map_canvas" ></div>
43.  </body>
44.</html>


ก็ตัวเองเล่นใส่โค้ด เกินมา แล้วไม่ยอมปิดมันนี่นา

พี่เดี่ยวแก้ให้ใหม่แล้วครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-01-29 16:33:05 By : deawx
 

 

No. 6



โพสกระทู้ ( 5,149 )
บทความ ( 26 )

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

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


<script type="text/javascript">

อันนี้แหละที่มันเกินมา ทำให้สคริปไม่ทำงาน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-01-29 16:37:41 By : deawx
 

 

No. 7



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



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


ขอบคุณพี่มากๆเลยนะค่ะ :D
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-01-29 19:58:32 By : sweetwater
 

 

No. 8

Guest


คืออยากรบกวนสอบถามเนื้อหาคล้ายๆกันค่ะ คือเราก็ลองก็อปโค้ดไปใส่ในไฟล์ของเราแต่แผนที่ไม่ขึ้นน่ะค่ะ

Code (PHP)
view source
print?
01.<?php
02.session_start();
03.include("connect.php");
04.if (!isset($_SESSION['admin_user'])){
05.    echo "Login Please...";
06.    echo "<meta http-equiv='refresh' content='0;URL=login.php'>";
07.    exit;
08.}
09.?>
10.<!doctype html>
11.<html>
12.<head>
13.<meta charset="utf-8">
14.<title>App</title>
15.<script src="http://maps.google.com/maps/api/js?sensor=false"type="text/javascript"></script>  
16.    
17.    <style> 
18.html {
19.height: auto;
20.}
21.body {
22.height: auto;
23.margin: 0;
24.padding: 0;
25.}
26.#map_canvas {
27.height: auto;
28.position: absolute;
29.bottom:0;
30.left:0;
31.right:0;
32.top:0;
33.}
34.@media print {
35.#map_canvas {
36.height: 950px;
37.}
38.}
39.</style>
40.   <script>
41.      function initialize() {
42.        var mapOptions = {
43.          center: new google.maps.LatLng(13.754059,100.493317),
44.          zoom: 12,
45.          mapTypeId: google.maps.MapTypeId.ROADMAP
46.        };
47.        var map = new google.maps.Map(document.getElementById("map_canvas"),
48.            mapOptions);
49.      }
50.    </script>
51.</head>
52.<body onload="initialize()">
53.<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
54.<script src="bootstrap/js/bootstrap.min.js"></script>
55.<script src="bootstrap/js/bootstrap.min.js"></script>
56.<?php include "header.php" ;?>
57.      <div class="col-sm-9 col-md-9">
58.            <div class="well">
59.                <h2>จัดการแอปพลิเคชั่น</h2>
60.                    <hr>
61.                        <div class="panel-body">
62.                        <div class="panel panel-danger">
63.                            <div class="panel-heading">
64.                                <h3 class="panel-title">                   
65.                                    <i>ตำแหน่งผู้ใช้งาน</i>
66.                                </h3>
67.                            </div> <!-- panel-heading -->
68.                            <div class="panel-body">
69.                             
70.                                 <div id="map_canvas" ></div>
71.                                 
72.                 
73.                            </div><!--panel-body-->
74.                         </div> <!-- panel panel-danger --> 
75.                         
76.                         
77. 
78.                        </div> <!--panel-body -->
79.            </div> <!--well -->
80.      </div> <!--col-sm-9 col-md-9 -->
81. 
82.<?php include "footer.php" ;?>
83.</body>
84.</html>


1
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-24 16:13:36 By : jaruwan
 

 

No. 9



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



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


ตอนนี้ Google map ต้องขอ Key ก่อนนะครับ ลองทำตามนี้ http://gcms.in.th/howto/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%82%E0%B8%AD_google_api_key_%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A_google_map.html
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-24 20:43:57 By : goragod
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : แผนที่ไม่ขึ้นค่ะ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





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