اطلاعیه

Collapse
No announcement yet.

Realtime illustration of an object in google map

Collapse
X
 
  • فیلتر
  • زمان
  • Show
Clear All
new posts

    Realtime illustration of an object in google map

    سلام به همه دوستان

    فرض کنید اطلاعات GPS یک وسیله نقلیه رو هر 500 میلی ثانیه دارید دریافت میکنید. حالا میخوایهم کدی بنویسیم که این اطلاعات رو به صورت آنلاین نشون بده. کاری که من تا حالا تونستم بکنم این بوده که هر بار که یک دیتای جدید دریافت شده من یک Marker جدید تولید کردم و اون رو به لیست Marker ها اضافه کردم. حالا مشکل اینجاست که این مارکر ها به لیست اضافه میشن ولی نشون داده نمیشن. یعنی تا وقتی که دکمه Refresh رو نزنم مارکرهای جدید نشون داده نمیشه. برای اینکه مشکل رو حل کنم یک تایمر ساختم که هر 2 ثانیه یک بار صفحه رو رفرش کنه. این مشکل رو حل کرد ولی بدی این کار این هست که کل صفحه رفرش میشه و خیلی اعصاب خرد کن میشه. میخواستم بدونم که راهی هست که بدون رفرش کردن کل صفحه یک مارکر جدید به نقشه اضافه کرد؟؟ (از Google Map API دارم استفاده میکنم)

    #2
    پاسخ : Realtime illustration of an object in google map

    دوستان کسی نیست کمک کنه؟؟؟
    متاسفانه وقتی مارکر به کد html اضافه میشه من نمیتونم اونها رو ببینم و باید حتما رفرش کنم تا مارکر های جدید رو ببینم. این کدی هست که من دارم اجرا میکنم و اسکریپتی که نوشتم هر چند ثاینه دیتا دریافتی GPS رو به صورت یک مارکر جدید ایجا میکنه. PolylineCoordinates هم به صورت یک آرایه تعریف کردم که شامل یک مسیر از قبل تعیین شده هست و به صورت کامرلا درست نمایش داده میشه. ولی این مارکر ها خیلی اذیت دارن میکنن. یکی از دوستان گفتن که باید از Ajax استفاده کنم برای این موضوع. کسی میتونه به من بگه از کجا میتونم شروع کنم؟؟؟ ممنون میشم

    [code= javascript]
    <html>
    <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps - pygmaps </title>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
    function initialize() {
    var latlng = new google.maps.LatLng(37.701865, -121.916570);
    var img = new google.maps.MarkerImage('http://chart.apis.google.com/chart?cht=mm&chs=12x16&chco=FFFFFF,00FFFF, 000000&ext=.png'
    var marker = new google.maps.Marker({
    title: "no implimentation",
    icon: img,
    position: latlng
    });
    marker.setMap(map);


    var Path = new google.maps.Polyline({
    clickable: false,
    geodesic: true,
    path: PolylineCoordinates,
    strokeColor: "#00FF00",
    strokeOpacity: 1.000000,
    strokeWeight: 2
    });

    Path.setMap(map);


    }
    function timer(){
    setInterval(function() { initialize(); },1000);
    }
    </script>
    </head>
    <body style="margin:0px; padding:0px;" onload="timer()">
    <div id="map_canvas" style="width: 100%; height: 100%;"></div>
    </body>
    </html>

    [/code]

    دیدگاه

    لطفا صبر کنید...
    X