JavaScript API在map中插入jpg图片(非rest服务)
近期在尝试将一个jpg/png格式图片插入到map中做底图服务，图片无坐标系。现在将成功思路奉上。
方案一：将map这个div透明度打开，在下面嵌入一个img的div。监听鼠标事件，鼠标在map上平移缩放操作时，下面的img也随之变化。
此时要求：1. 初始化时，两div必须吻合；2；缩放过程中，img必须严格按照map缩放级别变化(非整数倍)；3.两div必须要有一个参考点作为每次刷新校正点。
此操作复杂，但也能成功。
方案二：API中esri/layers/MapImageLayer,该类可将gif | jpg | png | bmp格式文件引入map图层，强制赋值坐标系和extent。成为map中的一个图层，只要初始化和其他图层吻合，后期鼠标操作都将一致，无须再次监听鼠标事件。
相对而言，方案二着实简单了不少。
当需要更换jpg文件时，只要图片大小、范围一致，在代码中改变MapImage.href,即可
欢迎大家多多进行技术交流
方案一：将map这个div透明度打开，在下面嵌入一个img的div。监听鼠标事件，鼠标在map上平移缩放操作时，下面的img也随之变化。
此时要求：1. 初始化时，两div必须吻合；2；缩放过程中，img必须严格按照map缩放级别变化(非整数倍)；3.两div必须要有一个参考点作为每次刷新校正点。
此操作复杂，但也能成功。
方案二：API中esri/layers/MapImageLayer,该类可将gif | jpg | png | bmp格式文件引入map图层，强制赋值坐标系和extent。成为map中的一个图层，只要初始化和其他图层吻合，后期鼠标操作都将一致，无须再次监听鼠标事件。
相对而言，方案二着实简单了不少。
当需要更换jpg文件时，只要图片大小、范围一致，在代码中改变MapImage.href,即可
欢迎大家多多进行技术交流
3 个回复
徐鸿至
赞同来自: YinChaoOnline
gishome - GIS之家，我们的团队，具备丰富的webgis项目开发经验以及开源GIS项目经验（openlayer+geoserver、三维开源GIS cesium.js）;GIS之家知乎专栏:https://zhuanlan.zhihu.com/gishome
赞同来自:
jeaken
赞同来自:
lz能不能给点方案二的代码，我试的图片的位置随着地图缩放会变，但不随地图缩放；也没有填充满指定的Extent，和一个simplemarksymbol似的；
要回复问题请先登录或注册
发起人
相关问题
问题状态