গুগল এপিআইতে মাইএসকিএল এবং পিএইচপি থেকে ডেটা নিয়ে গাড়ি চলার সাথে সাথে অঙ্কিত পললাইন অঙ্কন

Question

আমি মাইএসকিউএল এবং পিএইচপি থেকে ডেটা নিয়ে অ্যানিমেশন দিয়ে গাড়ি চলার সাথে Google মানচিত্রে পললাইনটি দেখাতে চেয়েছিলাম (এই সাইটের মতো: http://econym.org.uk/gmap/example_cartrip2.htm )। এর জন্য আমি গুগল এপিআই টিউটোরিয়াল পল্লাইন থেকে কোডটি রেফার করেছিলাম । আমি আমার এসকিউএল থেকে এটির জন্য ডেটাও নিয়েছি যা অনুসরণ অনুসারে: html

function load() {
    var point;
                    var flightPlanCoordinates=new Array();
            var map = new google.maps.Map(document.getElementById("map"), {
                center: new google.maps.LatLng(18.33, 73.55),
                zoom: 7,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: false,
                mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
                 },
                navigationControl: true,
                navigationControlOptions: {
                    style: google.maps.NavigationControlStyle.SMALL
                }
            });

            downloadUrl("xmltry.php", function(data) {
        var xml = data.responseXML;

        var markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
            point = new google.maps.LatLng(
              parseFloat(markers[i].getAttribute("lat")),
              parseFloat(markers[i].getAttribute("lon")));
            flightPlanCoordinates[i]=point;
          }
          var flightPath = new google.maps.Polyline({
    path: flightPlanCoordinates,
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 2
  });

  flightPath.setMap(map);

      });

        }

        function downloadUrl(url, callback) {
      var request = window.ActiveXObject ?
          new ActiveXObject('Microsoft.XMLHTTP') :
          new XMLHttpRequest;

      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          request.onreadystatechange = doNothing;
          callback(request, request.status);
        }
      };

      request.open('GET', url, true);
      request.send(null);
    }
    function doNothing() {}

.pp ফাইল:

<?php
//require("phpsqlajax_dbinfo.php");
include 'common_db.inc';
// Start XML file, create parent node

$dom = new DOMDocument("1.0");
$node = $dom->createElement("markers");
$parnode = $dom->appendChild($node); 

// Opens a connection to a MySQL server

$connection=mysql_connect ("$dbserver", "$dbuser", "$dbpass");
if (!$connection) {  die('Not connected : ' . mysql_error());} 

// Set the active MySQL database

$db_selected = mysql_select_db($dbname, $connection);
if (!$db_selected) {
  die ('Can\'t use db : ' . mysql_error());
} 

// Select all the rows in the markers table

$query = "SELECT  `lat`, `lon` FROM current_location Where Device_ID='HGS1005'";
$result = mysql_query($query);
if (!$result) {  
  die('Invalid query: ' . mysql_error());
} 

header("Content-type: text/xml"); 

// Iterate through the rows, adding XML nodes for each

while ($row = @mysql_fetch_assoc($result)){  
  // ADD TO XML DOCUMENT NODE  
  $node = $dom->createElement("marker");  
  $newnode = $parnode->appendChild($node);  
  $newnode->setAttribute("lat", $row['lat']);  
  $newnode->setAttribute("lon", $row['lon']);  
  } 

echo $dom->saveXML();

?>

তবে এখন আমি ১ ম রেফারেন্স সাইটগুলিতে শো হিসাবে অ্যানিমেশন সহ পললাইন দেখাতে চেয়েছিলাম any যে কেউ আমাকে কিছু উল্লেখ উল্লেখ করতে পারেন বা আমাকে একইভাবে সহায়তা করতে পারেন। আমি এই ফলাফলটি পেয়ে যাচ্ছি যা সঠিক তবে http://econym.org.uk/gmap/example_cartrip2.htm হিসাবে এটিতে অ্যানিমেশন চাই আশা করি এবার আমার শিরোনাম এবং বর্ণনার অংশটি বোঝা গেল।

Answer 1

থেকে পলিলাইন (নোট জন্য মানচিত্র Javascript API ডক্স pathসম্পত্তি) :

পললাইনটির স্থানাঙ্কগুলির ক্রমযুক্ত ক্রম। এই পাথটি LatLngs এর একটি সাধারণ অ্যারে বা ল্যাটল্যাংসের একটি এমভিসিআররে ব্যবহার করে নির্দিষ্ট করা যেতে পারে। মনে রাখবেন যে আপনি যদি কোনও সাধারণ অ্যারে পাস করেন তবে এটি এমভিসিআররে রূপান্তরিত হবে এমভিসিআর্রেতে ল্যাটল্যাংগুলি সন্নিবেশ করানো বা অপসারণ মানচিত্রে স্বয়ংক্রিয়ভাবে পললাইন আপডেট করবে ।

এটি জেনেও, আমি এটি এর মতো করে চেষ্টা করব:

// I assume you've got your GPS signal pumping updates to your client.
// Insert a new GPS point into your Polyline's point array.
function OnGpsPulse(newLat, newLon)
{
  // Insert a new point at the end of the LatLng Array.
  pointIndex = flightPlanCoordinates.length;      
  flightPlanCoordinates[pointIndex]=new google.maps.LatLng(newLat, newLon);

  // And the line should automatically update in the map.
}

একটি চিন্তাভাবনা হিসাবে, প্রতিটি জিপিএস পালস এমন একটি ইভেন্ট প্রেরণ করা উচিত যা আপনার প্রয়োজন হতে পারে / দুটি জায়গায় পরিচালনা করতে চান। প্রথমত, আপনি যদি অনির্দিষ্টকালের জন্য যানবাহনের অবস্থানগুলি সঞ্চয় করতে চান, আপনাকে সেগুলি সার্ভার-সাইড সংগ্রহ করতে হবে এবং তাদের আপনার ডাটাবেসে ঠেলাতে হবে। তবে, আপনি যদি কোনও যানবাহন ভ্রমণের সময় কোনও লাইন আঁকতে চান তবে আপনি সেই কার্যকারিতা ক্লায়েন্টের মধ্যে রাখতে পারেন।

Comments

উত্তরের জন্য ধন্যবাদ তবে, আমার আমার ডাটাবেসে ieMYSQL তে ডেটা স্টোর থাকবে। আমি লাইভ ট্র্যাকিংটি চাই না তবে আমার গাড়িটি কোথায় চলে গেছে তার ইতিহাস চাই, তার জন্য আমি এই উদাহরণটির মতো ট্র্যাকের অ্যানিমেশনটি দেখাতে চেয়েছিলাম ( econym.org.uk/gmap/example_cartrip2.htm )। আমি সঞ্চিত ডেটাতে অ্যানিমেশন যুক্ত করতে চেয়েছিলাম। যেখানে গাড়ির চিত্র (অর্থাত্ পিএনজি) স্থানান্তরিত হবে এবং যানবাহনের ট্র্যাকটি প্রথম লিঙ্কের মতো এই চিত্রটি সরানো হবে।

— পরী