Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Veronica Gravino

Google maps com repeaters nao funciona

Recommended Posts

<asp:Literal runat='server' ID='ltrScript'></asp:Literal>

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>


  <script type="text/javascript">
    var vMostraDisponivel;
    var vMostraClientes;
    var vMostraResponsaveis;
    var bounds = new google.maps.LatLngBounds();
    var markers;
    var flightPath;
    var map;
    var LocalPDV;
    var LocalVisita;
    var marker;
    var infowindow = new google.maps.InfoWindow();
    var geocoder;
    var builder;
    
 
  function initialize() {
  
   geocoder = new google.maps.Geocoder()
   var myLatlng = new google.maps.LatLng(-23.5675, -46.6614);
   var mapOptions = {
      zoom: 8,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
    alert(myLatlng);
    var marker = new google.maps.Marker({
          position: myLatlng,
          map: map,
          title: 'Responsável',
          icon: '../images/Ambulance_disabled.png',
    });

     <asp:Repeater runat='server' ID='rptClientes'>
        <ItemTemplate>
           vMostraClientes = <%#iif(Eval("Latitude") <> 0, "true", "false")%>;
            if(vMostraClientes == true)
            {
               alert("rptClientes");
                var myLatlng<%#eval("IdCliente") %> = new google.maps.LatLng(<%#replace(Eval("Latitude"), ",", ".")  %>,<%#replace(Eval("Longitude"), ",", ".")  %>);
                MostraCaminho(<%#replace(Eval("Latitude"), ",", ".")  %>,<%#replace(Eval("Longitude"), ",", ".")  %>);
                var marker<%#eval("IdCliente") %> = new google.maps.Marker({
                        position: myLatlng<%#eval("IdCliente") %>,
                        map: map,
                        icon: '../images/Hospital.png',
                        title: " <%#Eval("Cliente") %> "
                    });            
                    var contentString = "<h3>CLIENTE:<%#eval("Cliente")%></h3>"  ;
                    var infowindow = new google.maps.InfoWindow({
                    content: contentString });
                    google.maps.event.addListener(marker<%#eval("IdCliente")%>, 'click', function() {
                    infowindow.open(map,marker<%#eval("IdCliente")%>);
                    bounds.extend(myLatlng<%#eval("IdCliente")%>);
                              }
                     </ItemTemplate>
    </asp:Repeater>
        


    <asp:Repeater runat='server' ID='rptResponsaveis'>
        <ItemTemplate>
             vMostraResponsaveis = <%#iif(Eval("Posicao") <> "", "true", "false")%>;
               if(vMostraResponsaveis == true)  {
                var myLatlng<%#eval("IDDEstinatario")%>= new google.maps.LatLng<%#Eval("Posicao")%>;
                var marker<%#eval("IDDEstinatario")%> = new google.maps.Marker({
                position: myLatlng<%#eval("IDDEstinatario")%>,
                map: map,
                icon: '../images/Ambulance.png',
                title:"<%#Eval("Destinatario")%> - <%#Eval("Status") %>"
                 });   
                  var contentString = '<div id="content">'+
                  '<div id="siteNotice">'+
                  '</div>'+
                  '<p> </p>'+
                  '<b><h3 id="firstHeading" class="firstHeading"><%#Eval("Destinatario")%> </h3></b>'+
                  '<div id="bodyContent">'+
                  '<p>_________________________________</p>'+
                  '<p><b>STATUS: <%#Eval("Status") %></b></p>'+
                  '<p><b>POSIÇÃO:<%#Eval("Posicao")%></b></p>'+
                  '<p>_________________________________</p>'+
                  '<p> </p>'+
                  '</div>'+
                  '</div>';
                   var infowindow<%#eval("IDDEstinatario")%> = new google.maps.InfoWindow({
                    content: contentString });
                    google.maps.event.addListener(marker<%#eval("IDDEstinatario")%>, 'click', function() {
                    infowindow<%#eval("IDDEstinatario")%>.open(map,marker<%#eval("IDDEstinatario")%>);
                    bounds.extend(myLatlng<%#eval("IDDEstinatario")%>);
                  }
      </ItemTemplate>
    </asp:Repeater>
   
    map.fitBounds(bounds);
    map.setCenter(bounds.getCenter());

}


//function TrocaIcone(vMostraDisponivel){
// var  iconsel;
//    //alert(vMostraDisponivel);
//    if (vMostraDisponivel == true) 
//    {
//        iconsel="../images/Ambulance.png";
//    }else
//    {
//        iconsel="../images/Ambulance_disabled.png";    
//   }
//       return  iconsel;

//}

function showMap()
{
    alert('showMap');
    google.maps.event.addDomListener(window, 'load', initialize);

}

function route(){
    var flightPlanCoordinates = [];
    for(var key in markers) {
        flightPlanCoordinates.push(markers[key].position);
    }
    if(flightPath) {
        flightPath.setPath(flightPlanCoordinates);
    } else {
        flightPath = new google.maps.Polyline({
            path: flightPlanCoordinates,
            strokeColor: "#3F48CC",
            strokeOpacity: 1.0,
            strokeWeight: 2
        });
        flightPath.setMap(map);
    }
}
    
function ClearCaminhos()
{
        var flightPlanCoordinates = [new google.maps.LatLng(0,0),new google.maps.LatLng(0,0)];
        var flightPath = new google.maps.Polyline({
        path: flightPlanCoordinates,
        geodesic: true,
        strokeColor: '#3F48CC',
        strokeOpacity: 1.0,
        strokeWeight: 2
        });
        
        flightPath.setMap(null);
}
   function MostraCaminho(lat,lon)
    {
   
        var flightPlanCoordinates = [new google.maps.LatLng(lat,lon)];
        //  alert(flightPlanCoordinates);
        var flightPath = new google.maps.Polyline({
        path: flightPlanCoordinates,
        geodesic: true,
        strokeColor: '#3F48CC',
        strokeOpacity: 1.0,
        strokeWeight: 2
        });
        
        flightPath.setMap(null);
        flightPath.setMap(map);

        bounds = new google.maps.LatLngBounds();
        var latlng = new google.maps.LatLng(lat, lon);
        bounds.extend(latlng);
        
        map.fitBounds(bounds);
        map.setCenter(bounds.getCenter());

 }
 
function removeLine() {
flightPath.setMap(null);
}

 function codeLatLng(lat,lon,cliente) {
   alert("CODELAT");
    var lat;
    var lon;
    var latlng = new google.maps.LatLng(lat, lon);
     geocoder.geocode({'latLng': latlng}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      if (results[1]) {
        map.setZoom(11);
        marker = new google.maps.Marker({
            position: latlng,
            map: map,
            icon: '../imagens/invisivel.gif'
        });
         var content = "<h3>CLIENTE: " + cliente +  '</h3>' + ""  
         infowindow.setContent(content)
         infowindow.open(map,marker)
            MostraCaminho(lat,lon);
         } else {
        alert('No results found');
      }
    } else {
      alert('Geocoder failed due to: ' + status);
    }
  });
}

  google.maps.event.addDomListener(window, 'load', initialize());
  //removeLine();
    </script>
    
</html>

Ola Pessoal, Tenho uma pagina que está rodando o google maps na v3

Acontece que eu uso 2 repeaters dentro do javascript que recebem dados de uma procedure em SQL que é feita em vb.net

Até ai ele esta recebendo estes dados normalmente, só que o mapa não carrega de forma nenhuma

Será que alguém poderia me ajudar???

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.