Beispiel für die Kombination von AngularJS und Baidu Maps

Ein Projekt, an dem ich gerade arbeite, ist eckig, aber ich habe js durch direkte Referenzierung von Baidu Map eingeführt und festgestellt, dass ein Fehler gemeldet wurde, als ich dorthin ging Es gab einen Konflikt zwischen Baidu Map und Angular. Dann habe ich gesucht und festgestellt, dass Angular auch ein Baidu Map-Plugin hat. Ich habe jedoch versucht, es zu verwenden, und habe einen Fehler gemeldet. Es wurde online gesagt, dass Sie die Angular2-Version verwenden müssen kompatibel sein, aber ich wusste nicht, wie man Version 2 herunterlädt, also habe ich aufgegeben, um den Fehler, den ich am Anfang gemacht habe, noch einmal zu beheben, und stellte fest, dass ich dumm war. Lassen Sie uns zunächst über die Verwendung sprechen Baidu Maps. Es ist ganz einfach. Geben Sie den Code ein

und führen Sie zuerst js ein

fc55fccb230ec5e753c3847ab757535b2cacc6d41bbb37262a98f745aa00fbf0

Erklären Sie, dass Sie den geheimen Schlüssel auf der offiziellen API-Website von Baidu Maps beantragen können

Dann html

4fda439add4228567aa1d2a1810ddfe016b28748ea4df4d9c2150843fecfba68

Wenn wir dann dort ankommen, gehen wir tatsächlich direkt zum js-Code , alle diese APIs sind verfügbar, aber ich poste sie trotzdem

var map = new BMap.Map("map");  // 创建Map实例
        map.centerAndZoom(new BMap.Point(115.864528, 28.687675), 11); // 初始化地图,设置中心点坐标和地图级别
        map.addControl(new BMap.MapTypeControl());  //添加地图类型控件
        map.setCurrentCity("南昌");     // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true);   //开启鼠标滚轮缩放

Diese habe ich zunächst den js-Code hinter dem Body verwendet, aber es wurde ein gemeldet Fehler. Was ist los? Posten Sie es

getscript?v=2.0&ak=Ihr geheimer Schlüssel&services=&t=20160928173929:1 Nicht erfasst

TypeError: Eigenschaft „fc“ von undefiniert kann nicht gelesen werden

Nun, ich habe diesen Fehler erhalten, lassen Sie mich gehen, die Lösung für diesen Fehler ist sehr einfach

Fügen Sie einfach den js-Code ein. Fügen Sie unter dem Div, in dem Sie die Karte verwenden, den Code ein

Das war’s, es wird kein Fehler gemeldet, und die Karte ist perfekt dargestellt. Ich sage: Immerhin war ich zu dumm Ein Konflikt mit Angular. Dann habe ich darüber nachgedacht, dass es unmöglich ist, und dann habe ich das Baidu-Plugin für Angular nicht studiert