内部機構解説

第二章で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。このページではその内部機構に関する説明を行いたいと思います。

概略構成図

フレームワークの主な関数とそのカテゴリ

Zoom/Pan Controller:

• startPan
• endPan
• showPanning
• panningAnim
• zoom
• smoothZoom
• tempolaryZoomPanImages
• setGeoCenter
• refreshScreen

SVG XHR getter, bitImg handler:

• loadSVG
• handleResult
• dynamicLoad
• parseSVGwhenLoadCompleted
• createXMLHttpRequest
• handleLoadSuccess
• requestRemoveTransition
• checkLoadCompleted

dynamic content(js③) handler:

• handleResult
• getScript
• handleScript

svg Parser:

• parseSVG
• getSymbols
• getImgElement
• getCrs
• getViewBox
• inZoomRange
• getImageProps
• getStyle
• getStyleAttribute
• setCanvasStyle

BitImage and text Rederer:

• setImgElement
• getSpanTextElement
• screen2Geo
• geo2Screen
• setImgViewport

svg vector graphics renderer for canvas:

• setSVGrectPoints
• setSVGpolyPoints
• setSVGcirclePoints
• setSVGpathPoints

svgimagesProps generator:

• getrootViewBoxFromRootSVG
• getRootSvg2Canvas
• getTransformedBox
• Geo2SVG
• SVG2Geo
• getConversionMatrixViaGCS
• transform
• transformRect
• getInverseMatrix

UI controllers:

• initNavigationButtons
• setPointerEvents
• setCenterUI
• initTicker
• testPOIclick
• initModal
• isCollided
• getObjectAtPoint
• showPoiProperty
• setCookies

Framework for Layer⑤:

• getRootLayersProps
• setRootLayersProps
• getLayer
• switchLayer
• isEditingLayer
• isEditableLayer
• getEditableLayers
• getSwLayers
• checkLayerSwitch
• getLayers

SVGMap appss utils:

• linkedDocOp
• contColorSet
• editDOM
• contColorSetOnce
• contColorSetContinuous
• contourMarker