GeoScene Pro 中实现点击弹出图片的几种方式
分享
-
2025-03-18
一、通过html标签的方式插入图片
1，新建文本型字段，通过html标签的方式插入图片：<img src="C:\zxy\data\lawn.jpg" width='150' height='150'/>
2，右键图层->配置弹出窗口，编辑字段，选中Image字段：
3，Pro中点击要素查询：
4，如果想对一条要素添加多张图片，可以这样设置属性值：<div><img src="C:\zxy\data\lawn.jpg" width='40%' height='50%' style="margin-right:6%;"/><img src="C:\zxy\data\wall.jpg" width='40%' height='50%'/></div>
优点：可以添加多张图片；可以方便指定图片大小和对图片进行排列；既可以引用本地图片也可以引用在线图片。
缺点：需要有一定的html基础。
二、 配置弹出窗口时使用图像方式
1，添加文本型字段，属性值使用图片的地址（可以本地路径，也可以在线地址）：
2，右键图层->配置弹出窗口，点击图像，编辑，选择URL，写入{Image}：
3，点击要素查询：
优点：写法简单；既可以引用本地图片也可以引用在线图片。
缺点：只能添加一张图片；无法设置图片大小。
三、添加附件的方法
1，先执行启用附件工具对该要素类开启附件：
2，对要素类中的每条记录添加附件。
属性表中选中记录->管理附件：
附件窗体中点击添加，选择图片，可以一次添加多张图片：
也可以直接使用添加附件工具批量添加：
3，配置弹出窗口，添加图像，编辑，选择使用附件：
4，点击要素查询，如果添加了多个附件的话，可以点击三角进行切换：
优点：可以添加多张图片，原始图片删除也不影响图片的显示。
缺点：无法设置图片大小，无法添加在线图片。
四、通过添加栅格字段显示图片
1，在要素类中添加栅格类型的字段，属性表中无法对该字段类型直接编辑：
2，打开编辑菜单->属性对话框，选择要素，可以为栅格字段添加图片：
3，然后配置popup的字段，在该字段前打钩。
4，点击要素查询：
优点：图片存储在要素类中，原始图片删除也不影响图片的显示。
缺点：只能添加一张图片，无法设置大小，图片颜色会变暗。
上述就是在Pro中实现点击弹出图片的几种方式，希望对您有所帮助。
1，新建文本型字段，通过html标签的方式插入图片：<img src="C:\zxy\data\lawn.jpg" width='150' height='150'/>
2，右键图层->配置弹出窗口，编辑字段，选中Image字段：
3，Pro中点击要素查询：
4，如果想对一条要素添加多张图片，可以这样设置属性值：<div><img src="C:\zxy\data\lawn.jpg" width='40%' height='50%' style="margin-right:6%;"/><img src="C:\zxy\data\wall.jpg" width='40%' height='50%'/></div>
优点：可以添加多张图片；可以方便指定图片大小和对图片进行排列；既可以引用本地图片也可以引用在线图片。
缺点：需要有一定的html基础。
二、 配置弹出窗口时使用图像方式
1，添加文本型字段，属性值使用图片的地址（可以本地路径，也可以在线地址）：
2，右键图层->配置弹出窗口，点击图像，编辑，选择URL，写入{Image}：
3，点击要素查询：
优点：写法简单；既可以引用本地图片也可以引用在线图片。
缺点：只能添加一张图片；无法设置图片大小。
三、添加附件的方法
1，先执行启用附件工具对该要素类开启附件：
2，对要素类中的每条记录添加附件。
属性表中选中记录->管理附件：
附件窗体中点击添加，选择图片，可以一次添加多张图片：
也可以直接使用添加附件工具批量添加：
3，配置弹出窗口，添加图像，编辑，选择使用附件：
4，点击要素查询，如果添加了多个附件的话，可以点击三角进行切换：
优点：可以添加多张图片，原始图片删除也不影响图片的显示。
缺点：无法设置图片大小，无法添加在线图片。
四、通过添加栅格字段显示图片
1，在要素类中添加栅格类型的字段，属性表中无法对该字段类型直接编辑：
2，打开编辑菜单->属性对话框，选择要素，可以为栅格字段添加图片：
3，然后配置popup的字段，在该字段前打钩。
4，点击要素查询：
优点：图片存储在要素类中，原始图片删除也不影响图片的显示。
缺点：只能添加一张图片，无法设置大小，图片颜色会变暗。
上述就是在Pro中实现点击弹出图片的几种方式，希望对您有所帮助。
