amMap 지도 도표 제작 안내
FusionMap 특징:
1)xml 를 사용 하여 상호작용 을 하 는데 이 점 은 fusionChart 와 차이 가 크 지 않다.
2)resize 가능
3)tooltip 지원,legend link range(지역 선택)
4)지 도 는 이름 을 아 껴 서 수정 할 수 있다.
5)마 커 추가 지원,사용자 정의 아이콘
Ammap 특징:
1)크기 조정:zoomToLongLat(경도,위도,크기 조정 비율)와 같은 다양한 크기 조정 효 과 를 실현 할 수 있 습 니 다. zoomToRectangle(왼쪽 위 위도,오른쪽 아래 위도)등.
지리 정 보 를 바탕 으로 하 는 등급 별 표 시 를 지원 하려 면 중요 하 다.그러나 ammap 와 fusionMap 은 지리 정보 가 없 는 곳 이 있 습 니 다.지리 정보,예 를 들 어 거리,마을 이름 은 고려 하지 말고 googleMap 을 사용 하 는 것 을 추천 합 니 다.
2)이미지(특정한 경위도 나 항상 앞 에 있 음),movie, line ,dashed lines, cured line(line 의 curved=true 설정)지원
3)세계 지도 와 조합 하면 drill down 효 과 를 실현 할 수 있 습 니 다.바로 세계 지도 중국 부분 을 클릭 하여 중국의 성 지 도 를 표시 하고 원래 가방 의 인 스 턴 스 를 참고 할 수 있 습 니 다.
4)사용자 정의 대화 상자(InfoDescription 클래스)
5)아이콘,label 을 사용자 정의 하고 경위도 정 의 를 바탕 으로 픽 셀 을 지도 에 위치 시 킵 니 다.
6)몇 개의 성 을 한 조로 한다
7)TimeLine,ppt,e-learning(timeline+zoom 도구 구현),시간 변화 에 기반 한 열량 도(timeline+지도)를 실현 할 수 있 습 니 다.이것 은 공식 블 로그 8 을 참고 해 야 합 니 다.저도 사용 해 본 적 이 없습니다.
다만 두 가 지 를 간단하게 비교 할 뿐,개 발 된 공정에 서 는 지도 에 레이 어드 데 이 터 를 표시 해 야 하고 크기 조정 기능 이 필요 하기 때문에 암 맵 을 선택 하고 암 맵 으로 소개 한다.
Ammap 튜 토리 얼
디 스 플레이 초기 화:
private var _china:Class;
<ammap:AmMap useObjectColorForBalloon="false" rollOverMapObject="rollOver(event)"
rollOutMapObject="rollOut(event)" id="map" developerMode="false" backgroundColor="#FFFFF0"
showMapProgressBar="true" clickMapObject="onClickMapArea(event)" width="100%" height="100%" >
</ammap:areasSettings>
<ammap:MoviesSettings centered="false" bringForwardOnHover="true" rollOverColor="#CC0000" />
<ammap:areas>
</ammap:areas>
1. 다운로드 파일 에 있 는 sample 을 사용 하여 불 러 오 면 그림 이 황금빛 으로 표시 되 고 성 이름 이 표시 되 지 않 습 니 다.대부분 MapArea 의 instanceName 에 오류 가 있 습 니 다.
2. 그 중에서 ammap:DataSet 은 왼쪽 위,오른쪽 아래 의 경 위 를 설정 하여 map 의 표시 범 위 를 확정 하고 기본 값 으로 하면 됩 니 다.
3. borders 의 MapArea 는 경계 입 니 다.mouse Enabled 는 마우스 이벤트 가 캡 처 되 지 않 음 을 의미 합 니 다.
4.메뉴 를 전환 할 때 reset 효 과 를 실현 하려 면 dataSet 을 비 울 수 있 지만 왼쪽 위 와 오른쪽 아래 의 경위도 에 값 을 다시 부여 해 야 합 니 다.dataSet.leftLongitude=73.559248;
dataSet.rightLongitude=134.775703;
5. mapArea 와 mapMoive 의 기본 스타일 설정
6. 지도 에서 클릭 할 때 clickMapObject 를 감청 합 니 다.그 중에서 이벤트 유형 은 MapObject Event 입 니 다.
7.developerMode 의 오픈 은 디 버 깅 정 보 를 표시 할 수 있 습 니 다.ctrl+0 은 클립보드 로 복사 할 수 있 습 니 다.
8. ammap:label html 형식의 탭 을 지원 할 수 있 습 니 다.
9.시작 할 때 크기 조정 에 들 어가 면 DataSet 의 zoomLevel,zoomLong,zoomLat 를 설정 하여 이 루어 집 니 다.url 은 기본적으로 선택 한 MapMovie 의 Id 를 표시 합 니 다.
tooltip 관련 스타일 수정<ammap:balloon> <ammap:AmBalloon fontSize="18" fillColor="#000000" color="#FFFFFF"/></ammap:balloon>
크기 조정 도구 와 축척 사용<ammap:LegendItem text=" " markerColor="#179C17"/>
<ammap:LegendItem text=" " markerColor="#FCFA51"/>
<ammap:LegendItem text=" " markerColor="#FF0000"/>
<ammap:zoomControl>
</ammap:zoomControl>
주의사항:
1.area 의 색상 은 value 와 solid Color 에 따라 자동 으로 생 성 되 기 때문에 MapArea 의 색상 을 지정 하려 면 vaule 의 값 을 설정 하지 마 세 요.그렇지 않 으 면 MapArea 의 색상 이 몰래 바 뀌 고 있 는 것 을 발견 할 수 있 습 니 다.
2.xml 를 사용 하여 MapArea 의 할당 을 한다 면 group 필드 는 String 이 아 닌 MapObject 의 인 스 턴 스 입 니 다.실현 방법 은 먼저 하나의 순환 에서 MapArea 에서 인 스 턴 스 의 할당 을 실현 하 는 것 입 니 다.그 다음 에 모든 MapArea group 의 문자열 을 옮 겨 다 니 며 모든 string 에 대해 find Object 를 호출 하여 해당 하 는 MapArea 를 얻 습 니 다.배열 을 얻 은 후 이 MapArea 에 값 을 부여 합 니 다.예 를 들 어 obj.linkwide=groupareas; 3. 각 층 의 데이터 에 대해 고정된 크기 조정 비 를 설정 하 는 것 을 권장 합 니 다.
4. movie.movieClass 할당 을 통 해 애니메이션 아이콘 을 실현 할 수 있 지만 아이콘 은 swf 형식 이 어야 합 니 다.gif 는 지원 되 지 않 습 니 다.
5.데 이 터 를 업데이트 한 후 map.invalidateData()를 호출 합 니 다. 데이터 초기 화
6.이 벤트 를 감청 할 때 정 보 를 출력 하면 이벤트.toString()함 수 를 호출 합 니 다.
7. 잎 사 귀 노드 를 클릭 하면 잎 이 사라 지지 않 는 방법.공식 적 으로 말 하면 잎 이 있 는 zoomLevel 을 설정 하지 않 고 MapMovie 가 포함 되 어 있 지 않 으 며 movie.remain Visible=true 를 설정 합 니 다.사라 지지 않 을 거 야.그러나 나의 이 몇 가지 문제 가 있다.나의 실현 방향 은:
분기 노드 를 클릭 하면 이 분기 노드 를 selected Area 변수 로 저장 합 니 다.
이 분기 노드 의 movies 배열 에 잎 노드 를 추가 합 니 다.
잎 사 귀 노드 를 클릭 하면 현재 선택 한 대상 을 selected Area 로 설정 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
amMap 지도 도표 제작 안내지리 정 보 를 바탕 으로 하 는 등급 별 표 시 를 지원 하려 면 중요 하 다.그러나 ammap 와 fusionMap 은 지리 정보 가 없 는 곳 이 있 습 니 다.지리 정보,예 를 들 어 거리,마을 이름 은 고려...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.