Cordova Device Ready初始化谷歌地图

时间:2015-07-13 08:15:55

标签: javascript android cordova google-maps-api-3

我在Google地图上使用Javascript代码geolocation和方向,我在cordova中使用它,它给我带来了问题,因为它缺少事件Deviceready

我试着说,但它没有用。

您可以以正确的方式添加它吗?

代码:

 var directionsDisplay;
  var directionsService = new google.maps.DirectionsService();
  var map;
     // default location.  When geolocation tracks the client, this variable is set to that location

  function initialize() {
    var mapOptions = {
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };


    directionsDisplay = new google.maps.DirectionsRenderer();   
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

 //here there is marker

directionsDisplay.setMap(map);
    map.setCenter(mylocation);
  }



  function updateRoute() {
    calcRoute(mylocation);
  }


  function calcRoute(start) {
    var start = mylocation;
    var end = document.getElementById('end').value;
    var request = {
        origin:start,
        destination:end,
        travelMode: google.maps.TravelMode.WALKING,


    };
    directionsService.route(request, function(response, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(response);
      }
    });
  }

  // Try HTML5 geolocation
  if(navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      mylocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
      //document.getElementById('start').value = ;
      if (map) {
        calcRoute(position.coords.latitude +','+ position.coords.longitude);
          map.setCenter(mylocation);

          //*Posizione Utente*//
        var image = 'user.png'      
        var marker1 = new google.maps.Marker({
           position: mylocation,
           map: map,
           title: 'ciao!',
           icon: image

     }); 

    google.maps.event.addListener(marker1, 'click', function() {
    infowindow1.open(map,marker1);
    });
    var infowindow1 = new google.maps.InfoWindow({
          content: '<img src="user.png">Sono Qui.....'
       });


      }
    })
  }

    google.maps.event.addDomListener(window, 'load', initialize);

0 个答案:

没有答案