Reply to thread

Message

<blockquote data-quote="thedigit2s" data-source="post: 21026459" data-attributes="member: 242153">ගොඩක් ලොකු රිප්ලයි එකක් දාලා නේද මචෝ.. තැන්ක්ස්. ඔන්න උබව රේප් කරා<img src="/styles/default/xenforo/smilies/default/wink.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" /> හරි මම පහලින් මගේ කොඩ් එක පහලින් දාන්නම්.&nbsp; එකට setinterval funtion eka add කරලා දෙන්න. ලොකු උදවුවක් මචෝ මම කොච්චර ට්‍රයි කරත් හරි යන්නේ නැ. ඇත්තම කතාව මම ජවා ස්කිප්ට් ගැන මෙලෝ හසරක් දන්නේ නැ.. මට මේකේ මැප් එක ලෝඩ් වෙන්නේ නැතිව මකර්ස් ටික විතරක් ලොඩ් කරගන්නයි ඔනි&lt;!DOCTYPE html &gt;&nbsp; &lt;head&gt;&nbsp; &nbsp; &lt;meta name=&quot;viewport&quot; content=&quot;initial-scale=1.0, user-scalable=no&quot; /&gt;&nbsp; &nbsp; &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot;/&gt;&nbsp; &nbsp; &lt;title&gt;vtrack&lt;/title&gt;&nbsp; &nbsp; &lt;style&gt;&nbsp; &nbsp; &nbsp; /* Always set the map height explicitly to define the size of the div&nbsp; &nbsp; &nbsp;&nbsp; * element that contains the map. */&nbsp; &nbsp; &nbsp; #map {&nbsp; &nbsp; &nbsp; &nbsp; height: 100%;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; /* Optional: Makes the sample page fill the window. */&nbsp; &nbsp; &nbsp; html, body {&nbsp; &nbsp; &nbsp; &nbsp; height: 100%;&nbsp; &nbsp; &nbsp; &nbsp; margin: 0;&nbsp; &nbsp; &nbsp; &nbsp; padding: 0;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &lt;/style&gt;&nbsp; &lt;/head&gt;&nbsp; &lt;body&gt;&nbsp; &nbsp; &lt;div id=&quot;map&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;script&gt;&nbsp; &nbsp; &nbsp; var customLabel = {&nbsp; &nbsp; &nbsp; &nbsp; user: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; label: 'U'&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; bar: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; customer: 'C'&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; function initMap() {&nbsp; &nbsp; &nbsp; &nbsp; var map = new google.maps.Map(document.getElementById('map'), {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; center: new google.maps.LatLng(6.716572137030388, 79.95990197875965),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; zoom: 12&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; var infoWindow = new google.maps.InfoWindow;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Change this depending on the name of your PHP or XML file&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; downloadUrl('mapmarkers2.php', function(data) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var xml = data.responseXML;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var markers = xml.documentElement.getElementsByTagName('marker');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Array.prototype.forEach.call(markers, function(markerElem) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var name = markerElem.getAttribute('name');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var address = markerElem.getAttribute('address');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var type = markerElem.getAttribute('type');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var point = new google.maps.LatLng(&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; parseFloat(markerElem.getAttribute('lat')),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; parseFloat(markerElem.getAttribute('lng')));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var infowincontent = document.createElement('div');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var strong = document.createElement('strong');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; strong.textContent = name&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; infowincontent.appendChild(strong);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; infowincontent.appendChild(document.createElement('br'));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var text = document.createElement('text');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text.textContent = address&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; infowincontent.appendChild(text);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var icon = customLabel[type] || {};&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var marker = new google.maps.Marker({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; map: map,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: point,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; label: type&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; marker.addListener('click', function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; infoWindow.setContent(infowincontent);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; infoWindow.open(map, marker);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; function downloadUrl(url, callback) {&nbsp; &nbsp; &nbsp; &nbsp; var request = window.ActiveXObject ?&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; new ActiveXObject('Microsoft.XMLHTTP') :&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; new XMLHttpRequest;&nbsp; &nbsp; &nbsp; &nbsp; request.onreadystatechange = function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (request.readyState == 4) {&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; request.onreadystatechange = doNothing;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; callback(request, request.status);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; request.open('GET', url, true);&nbsp; &nbsp; &nbsp; &nbsp; request.send(null);&nbsp; &nbsp; &nbsp;&nbsp; }&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; function doNothing() {}&nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &lt;script async defer&nbsp; &nbsp; src=&quot;https://maps.googleapis.com/maps/api/js?key=&amp;callback=initMap&quot;&gt;&nbsp; &nbsp; &lt;/script&gt;&nbsp; &lt;/body&gt;&lt;/html&gt;</blockquote>

[QUOTE="thedigit2s, post: 21026459, member: 242153"] ගොඩක් ලොකු රිප්ලයි එකක් දාලා නේද මචෝ.. තැන්ක්ස්. ඔන්න උබව රේප් කරා;) හරි මම පහලින් මගේ කොඩ් එක පහලින් දාන්නම්. එකට setinterval funtion eka add කරලා දෙන්න. ලොකු උදවුවක් මචෝ මම කොච්චර ට්‍රයි කරත් හරි යන්නේ නැ. ඇත්තම කතාව මම ජවා ස්කිප්ට් ගැන මෙලෝ හසරක් දන්නේ නැ.. මට මේකේ මැප් එක ලෝඩ් වෙන්නේ නැතිව මකර්ස් ටික විතරක් ලොඩ් කරගන්නයි ඔනි <!DOCTYPE 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>vtrack</title> <style> /* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { height: 100%; } /* Optional: Makes the sample page fill the window. */ html, body { height: 100%; margin: 0; padding: 0; } </style> </head> <body> <div id="map"></div> <script> var customLabel = { user: { label: 'U' }, bar: { customer: 'C' } }; function initMap() { var map = new google.maps.Map(document.getElementById('map'), { center: new google.maps.LatLng(6.716572137030388, 79.95990197875965), zoom: 12 }); var infoWindow = new google.maps.InfoWindow; // Change this depending on the name of your PHP or XML file downloadUrl('mapmarkers2.php', function(data) { var xml = data.responseXML; var markers = xml.documentElement.getElementsByTagName('marker'); Array.prototype.forEach.call(markers, function(markerElem) { var name = markerElem.getAttribute('name'); var address = markerElem.getAttribute('address'); var type = markerElem.getAttribute('type'); var point = new google.maps.LatLng( parseFloat(markerElem.getAttribute('lat')), parseFloat(markerElem.getAttribute('lng'))); var infowincontent = document.createElement('div'); var strong = document.createElement('strong'); strong.textContent = name infowincontent.appendChild(strong); infowincontent.appendChild(document.createElement('br')); var text = document.createElement('text'); text.textContent = address infowincontent.appendChild(text); var icon = customLabel[type] || {}; var marker = new google.maps.Marker({ map: map, position: point, label: type }); marker.addListener('click', function() { infoWindow.setContent(infowincontent); infoWindow.open(map, marker); }); }); }); } 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() {} </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap"> </script> </body> </html> [/QUOTE]

Verification

Winadiyakata thappara keeyak tibeda?

Search

Latest ads

Reply to thread