อยากทราบว่า มีตัวอย่าง OpenstreetMap ในการใช้งานร่วมกับ MySQL , PHP บ้างไหมครับ

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ ปัญหาการเขียนโปรแกรม แบบ OOP Session Cookies php network

Moderators: mindphp, ผู้ดูแลกระดาน

makup
PHP Super Member
PHP Super Member
Posts: 397
Joined: 05/10/2020 10:02 am

อยากทราบว่า มีตัวอย่าง OpenstreetMap ในการใช้งานร่วมกับ MySQL , PHP บ้างไหมครับ

Post by makup »

อยากทราบว่าพอมีตัวอย่าง การใช้ Openstreetmap ร่วมกับ MySQL , PHP บ้างไหมครับ , พอดีหาจากตัวอย่าง Google ไม่ค่อยเจอครับ
User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 25901
Joined: 22/09/2008 6:18 pm
Contact:

Re: อยากทราบว่า มีตัวอย่าง OpenstreetMap ในการใช้งานร่วมกับ MySQL , PHP บ้างไหมครับ

Post by mindphp »

โหลด OpenLayers.js จาก
https://openlayers.org/two/
แล้วทดลองใช้
ทดลอง แบบ แสดงแผนที่บน html ธรรมดาดูก่อน ตามตัวอย่าง
https://wiki.openstreetmap.org/wiki/Ope ... le_Example

ส่วนค่าตรงไหนต้องการดึงจากฐานข้อมูล ก็ใช้ query ออกมาใส่ในตำแหน่งที่ต้องการเช่น

Code: Select all

<!DOCTYPE HTML>
<html>
<head>
<title>OpenLayers Simplest Example</title>
</head>
<body>
<div id="Map" style="height:250px"></div>
<script src="OpenLayers.js"></script>
<script>
    var lat            = 47.35387;
    var lon            = 8.43609;
    var zoom           = 18;

    var fromProjection = new OpenLayers.Projection("EPSG:4326");   // Transform from WGS 1984
    var toProjection   = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
    var position       = new OpenLayers.LonLat(lon, lat).transform( fromProjection, toProjection);

    map = new OpenLayers.Map("Map");
    var mapnik         = new OpenLayers.Layer.OSM();
    map.addLayer(mapnik);

    var markers = new OpenLayers.Layer.Markers( "Markers" );
    map.addLayer(markers);
    markers.addMarker(new OpenLayers.Marker(position));

    map.setCenter(position, zoom);
</script>
</body>
</html>
ค่า
var lat = 47.35387;
var lon = 8.43609;
แทนที่ค่าจากฐานข้อมูลของเราลงไปแทน
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
makup
PHP Super Member
PHP Super Member
Posts: 397
Joined: 05/10/2020 10:02 am

Re: อยากทราบว่า มีตัวอย่าง OpenstreetMap ในการใช้งานร่วมกับ MySQL , PHP บ้างไหมครับ

Post by makup »

mindphp wrote: 16/10/2020 7:39 pm โหลด OpenLayers.js จาก
https://openlayers.org/two/
แล้วทดลองใช้
ทดลอง แบบ แสดงแผนที่บน html ธรรมดาดูก่อน ตามตัวอย่าง
https://wiki.openstreetmap.org/wiki/Ope ... le_Example

ส่วนค่าตรงไหนต้องการดึงจากฐานข้อมูล ก็ใช้ query ออกมาใส่ในตำแหน่งที่ต้องการเช่น

Code: Select all

<!DOCTYPE HTML>
<html>
<head>
<title>OpenLayers Simplest Example</title>
</head>
<body>
<div id="Map" style="height:250px"></div>
<script src="OpenLayers.js"></script>
<script>
    var lat            = 47.35387;
    var lon            = 8.43609;
    var zoom           = 18;

    var fromProjection = new OpenLayers.Projection("EPSG:4326");   // Transform from WGS 1984
    var toProjection   = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
    var position       = new OpenLayers.LonLat(lon, lat).transform( fromProjection, toProjection);

    map = new OpenLayers.Map("Map");
    var mapnik         = new OpenLayers.Layer.OSM();
    map.addLayer(mapnik);

    var markers = new OpenLayers.Layer.Markers( "Markers" );
    map.addLayer(markers);
    markers.addMarker(new OpenLayers.Marker(position));

    map.setCenter(position, zoom);
</script>
</body>
</html>
ค่า
var lat = 47.35387;
var lon = 8.43609;
แทนที่ค่าจากฐานข้อมูลของเราลงไปแทน
รับทราบครับ , จะลองเอาค่า lat , lon ไปทำการ Query ข้อมูลดูครับ
Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Programming - PHP”

Who is online

Users browsing this forum: Bing [Bot] and 20 guests