DevProTalk - google map marker

Pokušaj sa sledećim JavaScript kodom:
Kôd:
    var customIcons = {

 

      restaurant: {

 

        icon: 'http://kuponik.adriamart.com/icon3.png',

 

        shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'

 

      },

 

      bar: {

 

        icon: 'http://kuponik.adriamart.com/icon3.png',

 

        shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'

 

      }

 

    };

            var markerGroups = { "restaurant": [], "bar": []};

 

 

 

 

    function load() {

  var dialog = $('<div>').dialog({autoOpen:false});

  var map = new google.maps.Map(document.getElementById("map"), {

    center: new google.maps.LatLng(44.83, 20.41),

    zoom: 12,

    mapTypeId: 'roadmap'

  });

  

  var infoWindow = new google.maps.InfoWindow;

 

  // Change this depending on the name of your PHP file

  downloadUrl("phpsqlajax_genxml.php", function(data) {

    var xml = data.responseXML;

    var markers = xml.documentElement.getElementsByTagName("marker");

    for (var i = 0; i < markers.length; i++) {

      var name = markers[i].getAttribute("name");

      var address = markers[i].getAttribute("address");

      var type = markers[i].getAttribute("type");

                var totolink = markers[i].getAttribute("totolink");

 

      var point = new google.maps.LatLng(

          parseFloat(markers[i].getAttribute("lat")),

          parseFloat(markers[i].getAttribute("lng")));

var html = '<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td colspan="2" valign="top"><div align="center">' + name + '</div></td></tr><tr><td width="50%" valign="top"><img src="' + address + '" alt="" width="150" border="0" /><br></td><td width="50%" align="center" valign="middle"><a href="' + totolink + '"><img src="buy_btn.png" width="70" height="30" border="0" /></a></td></tr><tr><td colspan="2" valign="top" bgcolor="#999999"><div align="center">BETA!</div></td></tr></table>';

 

      var icon = customIcons[type] || {};

      var marker = new google.maps.Marker({

        map: map,

        position: point,

        icon: icon.icon,

        shadow: icon.shadow

      });

      //bindInfoWindow(marker, map, infoWindow, html);

          

      google.maps.event.addListener(marker, 'click', dial(html));

      if(typeof markerGroups[type] !== 'undefined') {

        markerGroups[type].push(marker);

      }

    }

  });

}

 

function dial(html){

 return function(){

 dialog = $('<div>').dialog({autoOpen:false});

 dialog.html(html).dialog('open');

 }

 }

function toggleGroup(type) {

      for (var i = 0; i < markerGroups[type].length; i++) {

        var marker = markerGroups[type][i];

        if(marker.getVisible()) {

          marker.setVisible(false);

        } else {

          marker.setVisible(true);

        }

      } 

    }

    

 

 

 

    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() {}
Mada izvršio sam samo izmene koje sam naveo u prethodnim porukama.

A što se tiče bordera pokušaj sa sledećim CSS kodom:
Kôd:
.ui-dialog-content table td { border: 0 !important; }