Bir googleMap görüntülemek için çalışıyor: $ element bilinmiyor bir sağlayıcı

Merhaba angularJs ile yeni. Bir googleMap görüntülemeye çalışıyorum. istisna $ eleman bilinmeyen sağlayıcı aldığımda. Test ettiğim kod, arama yaparken bulduğum bir koddur. Aslında çok fazla almıyorum.

html sayfası:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="ISO-8859-1"> 
<title> </title> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
<script src="../angular/angular.js"></script> 
<script src="../angular/angular-route.js"></script> 


<script src="../src/controllers/app.js"></script> 

</head> 
    <body> 
    <figure data-ng-controller="MapController"> 
     <gmap></gmap> 
    </figure> 
    </body>

Benim script: Basit bir google harita yapmak için onun hiçbir iyi yolunun bu

myAppControllers.controller('MapController',function($scope,$element){ 

    console.log("tessstttt "); 
    $scope.showMap(); 
    $scope.showMap = function() 
    { 
    const mapEl = $element.find('gmap')[0]; 
     const mapOptions = { 
     zoom: 14, 
     center: {lat: 34.075328, lng: -118.330432}  
     }; 
     const gmap = new google.maps.Map(mapEl, mapOptions); 
     $scope.gmap = gmap; 
    }; 
});

kaynak

2016-04-05 yeddez

sizi yapın:

angular.module('myApp', []) .controller('ControllerFirst',function($scope){ var mapOptions = { center: new google.maps.LatLng(50, 2), zoom: 4, mapTypeId: google.maps.MapTypeId.ROADMAP, scrollwheel: false }; var map = new google.maps.Map(document.getElementById("maps"),mapOptions); });

Sen benim keman bu çalışma kontrol edebilirsiniz Aslında bu kodu kullanmak istemiyor veya google haritadaki iyi uygulamalarla ilgili bir çözüm sunabilir miyim? –

. İşte funcionally keman kolay örnek üzerindeki bir bunu kontrol etmek:

HTML:

<div ng-controller="ControllerFirst"> 
<div id="maps"></div> 
hello 
</div>

JS: http://jsfiddle.net/javierif/p16cyuha/

kaynak

2016-04-05 16:41:18 Javierif

Çok teşekkürler, test ettim ve benimle çalışıyor, veritabanımdan bazı işaretleyiciler ekledim. Şimdi yapmaya çalıştığım şey, bulunduğum yere en yakın yerleri bulmaya çalışmak. Kaybettiğim için bazı örnek veya öğreticiniz var mı? – yeddez

Bir googleMap görüntülemek için çalışıyor: $ element bilinmiyor bir sağlayıcı

cevap

İlgili konular