Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiel für die Kombination von AngularJS und Baidu Maps

高洛峰
Freigeben: 2016-12-09 14:26:25
Original
1057 Leute haben es durchsucht

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


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

Dann html


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);   //开启鼠标滚轮缩放
Nach dem Login kopieren

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

Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage