XML+XSLT+xalan-j+svg生成地图-CSDN博客

本文链接：https://blog.csdn.net/keke_Xin/article/details/84687108

XML+XSLT+xalan-j+svg生成地图

schema文件：site.xsd

[xhtml]view plaincopy
        
    
<?xml version="1.0" encoding="UTF-8"?>  
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema" elementFormDefault="qualified" attributeFormDefault="unqualified">  
    <xs:element name="note">  
        <xs:complexType>  
            <xs:sequence>  
                <xs:element name="site" maxOccurs="unbounded">  
                    <xs:complexType>  
                        <xs:sequence>  
                            <xs:element name="sitename" type="xs:string"/>  
                            <xs:element name="x" type="xs:decimal"/>  
                            <xs:element name="y" type="xs:decimal"/>  
                            <xs:element name="linksite" maxOccurs="unbounded">  
                                <xs:complexType mixed="true">  
                                    <xs:attribute name="distance" type="xs:decimal"/>  
                                </xs:complexType>  
                            </xs:element>  
                        </xs:sequence>  
                    </xs:complexType>  
                </xs:element>  
            </xs:sequence>  
        </xs:complexType>  
    </xs:element>  
</xs:schema>  

xml文件：sitedata.xml

[xhtml]view plaincopy
        
    
<?xml version="1.0" encoding="GB2312"?>  
<?xml-stylesheet type="text/xsl" href="sitetosvgmap.xsl"?>  
  
<note xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="D:/study/xml/map/site.xsd">  
    <site>  
        <sitename>雍和宫</sitename>  
        <x>300.5</x>  
        <y>40.5</y>  
        <linksite distance="200">长城</linksite>  
        <linksite distance="400">天坛</linksite>  
        <linksite distance="200">新街口</linksite>  
    </site>  
    <site>  
        <sitename>长城</sitename>  
        <x>20</x>  
        <y>93</y>  
        <linksite distance="20">雍和宫</linksite>  
        <linksite distance="30">地安门</linksite>  
    </site>  
    <site>  
        <sitename>天坛</sitename>  
        <x>100</x>  
        <y>23</y>  
        <linksite distance="20">雍和宫</linksite>  
        <linksite distance="10">前门</linksite>  
    </site>  
    <site>  
        <sitename>地坛</sitename>  
        <x>200</x>  
        <y>223</y>  
        <linksite distance="20">雍和宫</linksite>  
        <linksite distance="10">地安门</linksite>  
    </site>  
    <site>  
        <sitename>地安门</sitename>  
        <x>200</x>  
        <y>23</y>  
        <linksite distance="10">地坛</linksite>  
    </site>  
      
    <site>  
        <sitename>前门</sitename>  
        <x>100</x>  
        <y>523</y>  
        <linksite distance="20">雍和宫</linksite>  
        </site>  
          
</note>  

下面这个可是，先贴上代码再说

xslt文件：sitetosvg.xslt

[xhtml]view plaincopy
        
    
<?xml version="1.0" encoding="gb2312"?>  
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">  
    <!--   定义XSLT转换后输出的文件的格式，这里输出为XML格式的文件内容   -->  
    <xsl:output method="xml" indent="yes" encoding="UTF-8" version="1.0" standalone="no" media-type="image/svg+xml"/>  
    <xsl:template match="note">  
        <svg width="100%" height="100%">  
        <xsl:for-each select="site">            
            <!--得到起始站点的坐标x，y并存入变量中-->  
            <xsl:variable name="x" select="x"/>  
            <xsl:variable name="y" select="y"/>  
            <xsl:variable name="sitename" select="sitename"/>           
            <!--根据上面赋值后的变量按坐标输出起始站点的名称-->  
            <text x="{$x}" y="{$y}">  
            <xsl:value-of select="sitename"/>  
            <xsl:value-of select="x"/>  
            <xsl:value-of select="y"/>  
            </text>  
              
            <!--根据上面赋值后的变量按坐标输出圆圈代表起始站点-->  
            <circle cx="{$x}" cy="{$y}" r="4"   
            style="fill:white;stroke-width:2;stroke:black;fill-opacity:0"/>  
              
            <!--查找与起始站点直接相连的站点,这块有点晕！！！！！for-each的select表示当前结点的子结点，也就是linksite-->  
            <xsl:for-each select="./linksite">     
              
            <xsl:variable name="linkname" select="."/><!--还有这块，是查找当前结点所有的linksite-->  
                
            <xsl:for-each select="/note/site">  
  
            <xsl:if test="sitename=$linkname">               
            <xsl:variable name="lx" select="x"/>  
            <xsl:variable name="ly" select="y"/>  
            <line x1="{$x}" y1="{$y}" x2="{$lx}" y2="{$ly}"  
style="stroke:rgb(99,99,99);stroke-width:2"/>  
            </xsl:if>  
            </xsl:for-each>  
                            
                
            </xsl:for-each>  
              
            </xsl:for-each>  
                  
<!--     <xsl:for-each select="/note/site">  
  
            <xsl:if test="sitename='雍和宫'">  
            <xsl:variable name="pos" select="position()*30"/>  
               
            <text x="{$pos}" y="400">  
            <xsl:value-of select="sitename"/>  
            </text>  
            </xsl:if>  
              
              
      
              
              
            <xsl:for-each select="/note/site[sitename=$linkname]">  
              
            <text x="{$x+100}" y="{$y+100}">  
            heihei  
            </text>  
             
            <xsl:variable name="lx" select="x"/>  
              
            <text x="300" y="300">  
            <xsl:value-of select="x"/>  
            </text>     
            <xsl:variable name="ly" select="y"/>  
             <text x="400" y="400">  
            <xsl:value-of select="y"/>  
            </text>    
              
            <line x1="{$x}" y1="{$y}" x2="{$lx}" y2="{ly}"  
               style="stroke:rgb(99,99,99);stroke-width:2" mce_style="stroke:#636363;stroke-width:2"/>  
  
              
            <text x="{$lx+30}" y="{$ly+40}">  
            <xsl:value-of select="sitename"/>  
            </text>        
                 
            </xsl:for-each>    
              
              
                  
            </xsl:for-each>  
            </xsl:for-each>-->  
        </svg>  
    </xsl:template>  
</xsl:stylesheet>  