[发明专利]浏览器中显示目标样式的方法及装置

权利要求书

1.一种浏览器中显示目标样式的方法，其特征在于，包括：

获取层叠样式表第一CSS，其中，所述第一CSS中包括第一属性和第一目标控件中的目标函数，所述第一目标控件包括三维计算机图形软件Houdini，所述Houdini用于渲染矢量地理要素，所述目标函数用于在所述目标函数的输入为所述第一属性时形成具有所述第一属性的第一目标样式，其中，所述目标函数用于绘制形状及动画效果，所述第一目标样式包括全局样式和局部样式，所述全局样式是默认的渲染样式，通过CSS自定义样式实现，所述全局样式的属性名和值与所述目标函数保持一致，所述局部样式用于渲染不同类型的地理要素，在标记所述局部样式中通过json格式和编码格式标记所述地理要素对应的几何数据的CSS属性；

在浏览器支持所述第一目标控件的情况下，调用所述第一目标控件中的所述目标函数，其中，所述第一属性作为所述目标函数的输入；

在第一渲染图层中渲染所述第一目标样式，得到第二渲染图层，所述第一目标样式是调用所述目标函数所形成的具有所述第一属性的样式；在所述浏览器中显示所述第二渲染图层；

其中，在所述第一渲染图层包括多个图层的情况下，静态数据和动态数据被分别渲染在所述多个图层中的不同图层中，所述动态数据变化造成重新渲染时，不会对静态数据层造成影响；在所述第一渲染图层包括瓦片图层的情况下，将所述地理要素插入式地渲染到已有瓦片上，所述瓦片图层为将单个图层划分为多个瓦片形成的；

在将事件绑定到单个的地理要素，且所述第一渲染图层为所述单个图层和/或所述瓦片图层的情况下，将目标事件绑定在触发信号所指示的第一绑定位置上，所述事件用于查看事件对应的位置上的所有地理要素；在将事件绑定到单个的地理要素，且所述第一渲染图层为所述多个图层的情况下，将所述目标事件绑定在最上层图层中触发信号所指示的第二绑定位置上。

2.根据权利要求1所述的方法，其特征在于，在调用所述第一目标控件中的所述目标函数之前，所述方法包括：

在所述第一目标控件中注册所述目标函数，其中，注册后的所述目标函数用于允许被CSS调用。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

根据所述第一CSS中的第二属性确定所述第一目标样式的形成位置，其中，所述形成位置包括所述第一目标样式所在的目标图层，以及所述第一目标样式在所述目标图层中的目标位置，所述目标图层为所述第一渲染图层。

4.根据权利要求3所述的方法，其特征在于，所述根据所述第一CSS中的第二属性确定所述第一目标样式的形成位置包括：

将所述第二属性中的图层标识表示的用于形成所述第一目标样式的图层确定为所述目标图层；

将所述第二属性中的位置标识表示的用于形成所述第一目标样式的位置确定为所述目标位置。

5.根据权利要求4所述的方法，其特征在于，所述第一渲染图层包括：单个图层，所述多个图层及瓦片图层，其中，在所述第一渲染图层中渲染所述第一目标样式，包括：

在所述第一渲染图层为所述单个图层的情况下，根据所述第二属性中的所述位置标识确定在所述单个图层中形成所述第一目标样式的第一目标位置，在所述第一目标位置上，渲染所述第一目标样式；

在所述第一渲染图层为所述多个图层的情况下，根据所述第二属性中的图层标识，确定形成所述第一目标样式的目标图层，并根据所述第二属性中的所述目标位置确定在所述目标图层中形成所述第一目标样式的第二目标位置，在所述目标图层的所述第二目标位置上渲染所述第一目标样式；

在所述第一渲染图层为所述瓦片图层的情况下，根据所述第二属性中的图层标识，确定形成所述第一目标样式的目标瓦片，并根据所述第二属性中的所述目标位置确定在所述目标瓦片中形成所述第一目标样式的第三目标位置，在所述目标瓦片的所述第三目标位置上渲染所述第一目标样式。