GoogleMaps не работает в моем приложении cordova

Я работаю над Visual Studio 2013 Apache Cordova App. У меня проблема с поиском точки на картах Google. Я добавил плагин геолокации в моем приложении, но он не работает. Вот мой код:GoogleMaps не работает в моем приложении cordova

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <div><button id="showmap" >show map </button></div> 
    <div id="googleMap">View Map ---</div> 
    <script src="cordova.js"></script> 
    <script src="scripts/platformOverrides.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script> 
    <script src="http://maps.googleapis.com/maps/api/js"></script> 

    <script> 

     $("#showmap").click(function() { 
      var damas = new google.maps.LatLng(33.513, 36.2920000000003); 
      var mapProp = { 
       center: damas, 
       zoom: 8, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 

      var map = new google.maps.Map(document.getElementById("googleMap"), mapProp); 
      var myCity = new google.maps.Circle({ 
       center: damas, 
       radius: 20000, 
       strokeColor: "#0F00FF", 
       strokeOpacity: 0.8, 
       strokeWeight: 2, 
       fillColor: "#F0F0FF", 
       fillOpacity: 0.8, 
       editable: true 
      }); 

      myCity.setMap(map); 
     }); 
    </script> 
</body> 

</html>

Прошу дать мне несколько советов. Благодаря!

источник

2016-01-12 prime

Вы пытались установить измерение для своего 'googleMap' div? – erikscandola

Вы должны добавить высоту вашего DIV:

<div id="googleMap" style="height:300px;">View Map ---</div>

Или, если вы предпочитаете вы можете установить его при нажатии на кнопку Показать карту:

$("#googleMap").height(300);

Here вы можете увидеть пример, Я создал для вас.

источник

2016-01-12 09:46:28 erikscandola

Да, его работа я забыл добавить стиль в мой div. Большое спасибо . – prime

GoogleMaps не работает в моем приложении cordova

ответ

Смежные вопросы