솔루션 : Baidu 맵 정적 맵 처리 (http://lbsyun.baidu.com/index.php?title=static)를 사용하고 도메인 이름이 결정되며 (http://api.map.baidu.com), 리버스 프록시를 사용하여 크로스 도메인을 해결할 수 있습니다.
<!-html-> <el-이미지 : src =`/baidu-static/staticimage/v2? ak = yourak & width = 1024 & height = 400 ¢ er = $ {center.lng}, $ {center.lat} & Zoom = 16`> class = dot> ... </span> </div> </el-image> <!-nginx-> 위치 ^~/baidu-setatic/{add_header 'Access-Control-Ollow-Origin'$ http_origin 항상; Add_header 'Access-Control-allow-Credentity' 'true'allude 'access'adction-control-allow-momethods ' 항상; add_header 'Access-Control-Hallow-Headers' '허가, 승인, 캐시 제어, 콘텐츠 유형, DNT, If-Modified-Since, Keep-Alive, Origin, 사용자 에이전트, X- Quested-With'Always; proxy_pass http://api.map.baidu.com/;} 질문 2 : 지도에 오버레이를 표시하는 방법솔루션 : Baidu지도 정적 맵의 API를 살펴본 후 오버레이 사용자 정의 스타일을 잘 지원할 수 없습니다. 최대, 사용자 정의 사진을 지정할 수 있습니다 (로컬 사진이 아님). 나는 중간에 많은 방법을 시도했지만 OpenLayers.map을 사용하는 것이 가능하다고 생각했지만 코드 변경의 작업량이 너무 커서 결정적으로 포기했습니다. 나중에 나는 div를 사용하여 덮개를 직접 시뮬레이션하고 정적 이미지 레벨이 해결할 수있는 것보다 약간 높게 설정하는 것을 생각했습니다.
질문 3 : 나는 CSS 스타일의 점선을 그렸습니다. html2canvas 이후 생성 된 그림이 처리되어 점선이 실선이된다는 것을 발견했습니다.해결책 : 캔버스를 사용하여 원을 그리십시오
질문 4 : 아이콘은 html2canvas가 처리 된 후 절대 위치 및 생성 그래프를 사용하며 아이콘이 표시되지 않는 것으로 밝혀졌습니다.솔루션 : 아이콘이 Baidu 정적 그래프 레벨보다 큰 z-index를 설정합니다 (PS : 정적 그래프 스타일이 절대 포지셔닝에도 사용되는 경우)
질문 5 : html2canvas 이후에 생성 된 이미지는 검은 색 배경으로 처리됩니다.솔루션 : 이미지/PNG를 이미지/JPG로 변경하십시오
{html2canvas (sharepage, {usecors : true}). 다음 ((canvas) => {const imgbase64 = canvas.todataurl ( 'image/jpg') this.data64 = imgbase64})} catch (err) {}위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.