คลิกหมุดที่เราปัก แล้วแสดงเส้นทาง

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

คลิกหมุดที่เราปัก แล้วแสดงเส้นทาง

พี่ครับคือผม ทำโปรเจกเกียว กะปั้ทน้ำมันอ่ะ ครับ อยาก ถามพี่ว่า ผมมี map ที่ผม ปักหมุดไวอยู่แล้ว ถ้าผมต้องการ คลิกที่หมุด ที่ผมปักไวแล้วให้มันแสดงเส้นจากพิกัดแล้วเอง ไปยังปลายทางที่เราคลิก หมุดนั้น ครับ ต้อง ทำยังไงครับ ผมมีcode ให้พี่ดูด้วยครับ ยังไงรบกวนช่วย ให้หน่อยนะครับ แล้วต้องไปเพิ่มตรงไหนยังไงครับ

ขอบคุณล่วงหน้าครับพี่ num

<!doctype html>

<head>

<title>Untitled Document</title>

<!--

To learn more about the conditional comments around the html tags at the top of the file:

paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):

* insert the link to your js here

* remove the link below to the html5shiv

* add the "no-js" class to the html tags at the top

* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build

-->

<!--[if lt IE 9]>

<![endif]-->

<body background="12.png"

</head>

<center><h1> Pump : Search </h1></center>

</head>

<body>

</form>

<br/>

$conn=mysql_connect("localhost","root","root");

if(!empty($conn))

{

mysql_select_db("gisdb");

}else{

echo"";

}

mysql_db_query("gisdb","SET NAMES UTF8");

$rs1 = mysql_query("select * from province");

$row1 = mysql_fetch_array($rs1);

$prov_id = $row1["prov_id"];

$prov_name = $row1["prov_name"];

$prov_lat = $row1["prov_lat"];

$prov_lon = $row1["prov_lon"];

echo $prov_lat;

echo $prov_lon;

echo $prov_name;

//<![CDATA[

if (GBrowserIsCompatible()) {

var map = new GMap2(document.getElementById("map"));

map.addControl(new GLargeMapControl());

map.addControl(new GMapTypeControl());

map.addControl(new GScaleControl());

map.setCenter(new GLatLng(<? echo $prov_lat;?>,<? echo $prov_lon;?>), 9);

// เรียกใช้คุณสมบัติ ระบุตำแหน่ง ของ html 5 ถ้ามี

if(navigator.geolocation){

navigator.geolocation.getCurrentPosition(function(position){

var pos = new GGM.LatLng(position.coords.latitude,position.coords.longitude);

var infowindow = new GGM.InfoWindow({

map: map,

position: pos,

content:"ผมเอง"

});

var my_Point = infowindow.getPosition(); // หาตำแหน่งของตัว marker เมื่อกดลากแล้วปล่อย

map.panTo(my_Point); // ให้แผนที่แสดงไปที่ตัว marker

$("#lat_value").val(my_Point.lat()); // เอาค่า latitude ตัว marker แสดงใน textbox id=lat_value

$("#lon_value").val(my_Point.lng()); // เอาค่า longitude ตัว marker แสดงใน textbox id=lon_value

$("#zoom_value").val(map.getZoom()); // เอาขนาด zoom ของแผนที่แสดงใน textbox id=zoom_value

map.setCenter(pos);

},function() {

// คำสั่งทำงาน ถ้า ระบบระบุตำแหน่ง geolocation ผิดพลาด หรือไม่ทำงาน

});

}else{

// คำสั่งทำงาน ถ้า บราวเซอร์ ไม่สนับสนุน ระบุตำแหน่ง

}

// Creates a marker whose info window displays the given number

function createMarker(point, number)

{

var marker = new GMarker(point);

// Show this markers index in the info window when it is clicked

var html = number;

GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});

return marker;

title:"คลิกลากเพื่อหาตำแหน่งจุดที่ต้องการ!" // แสดง title เมื่อเอาเมาส์มาอยู่เหนือ

};

GEvent.addListener(map,"click", function(overlay,latlng) {

if (overlay) {

return;

}

var tileCoordinate = new GPoint();

var tilePoint = new GPoint();

var currentProjection = G_NORMAL_MAP.getProjection();

tilePoint = currentProjection.fromLatLngToPixel(latlng, map.getZoom());

tileCoordinate.x = Math.floor(tilePoint.x / 256);

tileCoordinate.y = Math.floor(tilePoint.y / 256);

var myHtml = "Latitude: " + latlng.lat() + "<br/>Longitude: " + latlng.lng() +

"<br/>The Tile Coordinate is:<br/> x: " + tileCoordinate.x +

"<br/> y: " + tileCoordinate.y + "<br/> at zoom level " + map.getZoom();

map.openInfoWindow(latlng, myHtml);

});

</script>

$rs1 = mysql_query("select * from pin where pin_name LIKE '%PETRONAS%' ");

while($row1 = mysql_fetch_array($rs1))

{

$pin_name = $row1["pin_name"];

$building_lat = $row1["pin_lat"];

$building_lon = $row1["pin_lon"];

$pic = $row1["pic"];

$brand = $row1["brand"];

echo"<script>";

echo "var point = new GLatLng(" . $building_lat. "," . $building_lon. "); ";

echo "var marker = createMarker(point, '" .$pin_name."<img src=img/$pic>'); ";

echo "map.addOverlay(marker); ";

echo " ";

echo"</script>";

}

</p>

</form>

</form>

</form>

</form>

</form>

</form>

</form>

</form>

</form>

</form>

</form>

</form>

</form>

<br/>

</center>

design By : ทัตพงศ์ คำวงวาลย์

</marquee></marquee>

</h4>

</div>

</center>

</div>

</body>

</html>

Lingaom2329@windowslive.com 15-10-2014 16:32:41

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

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

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

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

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

การใช้งานที่ซับซ้อนต้องประยุกต์อย่างเดียว ไม่สามารถแนะนำได้

ลองดูเกี่ยวกับ google map ทั้งหมดได้ที่นี้

https://www.ninenik.com/google_search.php?tags=google map

ninenik 15-10-2014

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน