AngularJS와 Baidu Maps의 조합 예

지금 하고 있는 프로젝트가 앵귤러인데, 바이두 맵을 직접 참고해서 js를 소개하고, html, js 코드를 작성하다 보니 처음에는 에러가 나는 줄 알았어요. Baidu Map과Angular.의 충돌이 발생해서 검색해 보니 Angle에도 Baidu Map 플러그인이 있는 것을 발견했는데 사용하려고 했더니 온라인에서 Angle2 버전을 사용해야 한다고 오류가 뜹니다. 호환이 되지만 버전 2를 다운로드하는 방법을 몰라서 포기했습니다. 그러다가 처음에 했던 실수를 다시 해결하러 갔는데 제가 바보였다는 것을 알게 되었습니다. 먼저 사용 방법에 대해 이야기해 보겠습니다. Baidu Maps는 매우 간단합니다.

먼저 js를 소개합니다

497a70caf4879eeccc587aa5ac07bb1e2cacc6d41bbb37262a98f745aa00fbf0

바이두 지도 공식 API 웹사이트에서 비밀키를 신청할 수 있다고 설명하세요

그런 다음 html

4fda439add4228567aa1d2a1810ddfe016b28748ea4df4d9c2150843fecfba68

그러면 실제로 js 코드로 바로 이동합니다. , 이 모든 API를 사용할 수 있지만 여전히 게시하고 있습니다

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

처음에는 본문 뒤에 js 코드를 사용했지만 오류가 무엇입니까? 게시하세요

getscript?v=2.0&ak=your secret key&services=&t=20160928173929:1 Uncaught

TypeError: 정의되지 않은 'fc' 속성을 읽을 수 없습니다

이 오류가 발생했습니다. 이 오류에 대한 해결 방법은 매우 간단합니다

JS 코드를 넣으세요. 지도를 사용하는 div 아래에 코드를 붙여넣으세요

그렇군요, 오류도 보고되지 않고, 지도도 완벽하게 제시되어 있어서 가서 말씀드리자면, 역시 제가 너무 멍청했다는 생각이 들었습니다. 그러다 보니 불가능하다는 생각이 들었고, 그러고보니 각도용 Baidu 플러그인을 공부하지 않았네요.