在奥维互动地图浏览器中,除内置的在线地图外,用户还可以添加自定义地图,如在线电子地图和航拍图等,以满足用户对特定地图的需求。

1、正常添加在线电子地图的前提条件

(1)被添加的地图采用墨卡托投影方式,如高德地图、腾讯地图;或采用经纬度投影方式,如中国地质图;有些地图可以在这两种投影方式当中切换,如天地图。

(2)图片的URL链接里必须包含有地图图片的坐标值XY,以及地图缩放级别值Z。

(3)被添加的地图采用JPG或PNG格式的图片显示,每个图片的尺寸大小为256*256或512*512。

2、添加自定义在线电子地图前的准备工作

以添加openstreetmap地图为例,使用谷歌浏览器查看并解析地图的主机名、主机编号、图片的URL、尺寸、格式,如下。

(1)使用谷歌浏览器打开openstreetmap地图(https://www.openstreetmap.org),按F12功能键,浏览器右边会弹出开发人员工具。

(2)点击开发人员工具上方的【Network】切换到网络界面,移动并缩放地图,列表里会增加网络请求的详细信息,如下图:

其中:a.tile.openstreetmap.org为主机名,前缀a为主机编号;/6/50/22.png为图片的URL,6为地图级别Z值,50为图片水平编号X值,22为图片的垂直编号Y值。

(4)观察其它图片的URL看看主机名是否有变化,如果有变化,则表示该地图服务器有多个主机,变化的值为主机编号,据观察openstreetmap地图的主机编号为a-c。

(5)双击前图中的图片URL,则在浏览器新页面打开该图片,获取该地图图片的尺寸规格为256*256,图片格式为png,如图399:

(6)主机名变量替换

当地图服务器有多个主机时,为了提高地图的下载速度,建议将主机名a.tile.openstreetmap.org中的主机编号a替换为变量{$serverpart},变量替换后的主机名为:{$serverpart}.tile.openstreetmap.org。

{$serverpart}为奥维浏览器根据网络情况自动替换服务器主机编号的变量值。

(7)URL变量替换

将地图图片的URL:/6/50/22.png进行变量替换,以便奥维浏览器加载所有的地图图片,变量替换后的URL为:/{$z}/{$x}/{$y}.png。

{$x}、{$y}、{$z}为奥维浏览器根据地图窗口位置、地图级别生成的变量值。

注意:若用户的图为512*512像素,即x、y都要除2,z要减1。

URL示例:/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer/tile/{$z-1}/{$y/2}/{$x/2}

3、添加自定义地图的操作步骤

在[自定义地图管理]窗口中,点击【添加】按钮,弹出[自定义地图[添加]]窗口,如图409所示,输入地图名称、主机名、主机编号、URL等信息,设置最大级别、投影类型、图片类型、图片格式、图片大小等信息,点击【确定】按钮,即可添加。添加完成后,可在[自定义地图]菜单中选择该图层,在地图窗口中显示该地图。

提示:

(1)地图ID:200-1000之间,每个自定义地图分配的一个ID号,不重复即可,这里设为239。

(2)地图名称:显示在自定义地图菜单下的地图名称,如“openstreetmap”。

(3)版本号:下载更新地图时如无需保留旧版本,则默认为0,如需保留,则要先修改版本号。

(4)最大级别:该地图的最高级别,目前openstreetmap地图最高级为18级。

(5)投影类型:用户根据实际情况选择,可选择【墨卡托中国】【墨卡托全球】或者【经纬度投影】。openstreetmap地图采用全球墨卡托投影,所以本文选择【墨卡托全球】。

(6)图片类型:用户根据实际情况选择,本文以【普通地图】为例。若用户的地图为卫星图就选择【影像地图】,在切换3D时就不会提示该地图类型不是卫星图。

(7)图片格式:用户根据实际情况选择,可选择【PNG】或者【JPG】。openstreetmap地图采用PNG图片显示,所以本文选择【PNG】。

(8)图片大小:用户根据实际情况选择,可选择【256像素】或者【512像素】。openstreetmap地图采用256像素的图片显示,所以本文选择【256像素】。

若用户的图为512*512,则选择【512像素】

(9)主机名:用户根据实际情况填写,本文以{$serverpart}.tile.openstreetmap.org(不要添加前缀http://,以及后面的/)为例。

(10)端口号:用户根据实际情况填写。openstreetmap地图不使用端口号,本文以默认值为例,填写80(有使用就填写实际端口号)。

(11)主机编号:用户根据实际情况填写,openstreetmap地图为a-c(其它地图也有使用数字的)。

(12)URL:用户根据实际情况填写,openstreetmap地图为“/ {$z}/{$x}/{$y}.png”。

注意:若用户的图为512*512像素,即x、y都要除2,z要减1。

URL示例:/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer/tile/{$z-1}/{$y/2}/{$x/2}

(13)叠加层:用户根据实际需要进行设置,一般是没有路网及地名的卫星图才会使用叠加层,作为叠加层的自定义地图投影类型必须与被叠加的自定义地图投影类型相同,否则无法对准。openstreetmap地图本身已有路网及地名,所以不使用叠加层。

特别说明:

部分地图需要令牌或者秘钥才能访问,如天地图、四川天地图。

(1)四川天地图令牌生成链接:http://www.scgis.net.cn/imap/iMapServer/Token/default.aspx

(2)天地图:用户需要注册天地图账户,申请成为天地图开发者,然后获取应用秘钥。

天地图官网:www.tianditu.gov.cn

奥维互动地图浏览器获取天地图瓦片示例:

主机名:t{$serverpart}.tianditu.gov.cn

URL:

端口:默认,不需设置。

主机编号:0至7。

4、叠加层设置说明

本文以添加到自定义地图的谷歌卫星图为例,对自定义地图的叠加层设置进行说明,叠加层选择为"使用",再点右边的""按钮。

在[自定义地图管理]窗口中,勾选需要设置叠加层的地图,点击【修改】按钮,进入[自定义地图[修改]]窗口。

在[自定义地图[修改]]窗口中,点击【叠加层】下拉框,选择【使用】,点击【…】按钮,进入[叠加层设置]窗口,设置分别设置小字体和大字体模式下的叠加层。

小字体:地图切换菜单里未勾选【大字体模式】时使用的叠加层。

大字体:地图切换菜单里勾选【大字体模式】时使用的叠加层。

颜色不透明度:点击【颜色不透明度】栏目,弹出【颜色】设置窗口,用户可选择【基本颜色】和【自定义颜色】。

点击【规定自定义颜色】按钮,弹出自定义颜色设置面板,可根据实际需要设置叠加层的颜色和透明度。

拖动右边的三角形滑块,可调整不同颜色下的不透明度,255为最不透明,128为半透明,1为最透明。

应用小技巧:可先将设计图导入到自定义地图,然后再将该自定义地图设置为另一个自定义卫星地图的叠加层,通过设置透明度,可使设计图可透视地叠加于卫星图之上。

php网页地图上自定义,如何添加在线自定义地图相关推荐

  1. 使用WebBrowser控件时在网页元素上绘制文本或其他自定义内容

    第一次在CNBlogs上发Post是提出一个有关使用WebBrowser控件时对SELECT网页元素操作的疑惑,这个问题至今也没有解决,后来有朋友在该Post的评论里询问WebBrowser控件如何在 ...

  2. 地图上分成一块一块区域 高德地图_CAD数据分块,偏移校准,加载到百度地图、高德地图、谷歌等地图上...

    前面分享过一篇如何将CAD海量数据显示在百度地图上(百度地图Canvas实现十万CAD数据秒级加载),但是很多开发者在CAD数据提取时遇到了问题,所以接下来的文章将介绍如何将CAD数据提取. 准备软件 ...

  3. html5百度地图选中标注点,js 调用百度地图api并在地图上进行打点添加标注

    最近要做一个网页,具体内容是:上边有一个标题,下边分成两块,左边是地图.并且地图上有两个点,点击两个点有相应的提示信息,显示数据库里最新的两条数据信息.右边是一些文字说明.本人刚开始学习,做的也不是很 ...

  4. Bigemap Gis Office软件 如何添加在线第三方地图

      批量添加在线地图 教程     快速添加  添加后如下图:    第一步  打开浏览器,找到你要访问的地图的URL地址,并且确认可以正常在浏览器中访问:浏览器中不能访问,同样也不能在软件中访问. ...

  5. android高德地图改变绘制点标记位置,绘制点标记-在地图上绘制-开发指南-Android 室内地图SDK | 高德地图API...

    添加标记点 1)函数体: int addMarker(Marker marker); 2)参数: marker– 地图上添加自定义图标对象并显示 3)说明: Marker对象的构造方式见参考手册及de ...

  6. DexExpress的mapcontrol根据经纬度在地图上打点 C#地图画点 地图标点

    接着上一篇文章讲,地图实现显示之后,可以通过经纬度进行打点操作,实现效果如图: 在mapcontrol中添加一层 然后选择MapItemStorage 之后可以通过添加MapBubble进行添加点 也 ...

  7. openlayers 地图上加图标_OpenLayers教程:地图标注

    地图标注是将空间位置点与该点的信息相关联,通过图标.文字等形式把点相关的信息展现到地图上. 随便打开一个电子地图就可以看到许多标注: 可以说地图没有了标注就丧失了一半信息,甚至是全部信息! 地图标注的 ...

  8. 怎么在谷歌地图上画图_如何在Google地图上规划具有多个目的地的公路旅行

    怎么在谷歌地图上画图 Whether you're planning a day out on the town, or want to orchestrate the perfect road tr ...

  9. python在地图上画路线_python在openstreetmap地图上绘制路线图的实现

    python在openstreetmap地图上绘制路线图的实现 发布时间:2020-08-28 23:14:52 来源:脚本之家 阅读:111 作者:AAAAAAAKing 利用python进行经纬度 ...

最新文章

  1. 【Unity 3D 游戏开发】Unity3D 入门 - 工作区域介绍 与 入门示例
  2. 令人眼睛一亮的履历表
  3. 控件安全注册方法3选
  4. 因政府禁令 微软 Windows 9 将作出重大调整
  5. pytorch AUTOGRAD
  6. rancher 使用部分运维操作
  7. window.onload和$(document).ready()比较
  8. ubuntu中eclipse无法识别android手机问题
  9. 牛散村期货:3月春风生 第一周非农财经简阅
  10. 模拟人生4极乐净土mod_如何在《模拟人生4》中下载Mod
  11. 易懂 | 手把手教你编写你的第一个上位机
  12. 编程实现幂函数,(指数为整数)
  13. php 多图片/文件上传
  14. SpringMVC 程序开发
  15. 特征匹配中的欧氏距离
  16. 基于PHP+MySQL保险业务管理系统的设计与实现
  17. 【SQL】SQL安装卸载问题的解决。SQL简直剧毒无比好吧。。。
  18. vue创建项目解除git关联
  19. 不需要手机号就能注册的免费邮箱,这5个就够啦!
  20. C语言——指针(入门详解)

热门文章

  1. jQuery读取Table表格数据
  2. 几款好用播放器ijkplayer、vlc、SmartPlayer、ExoPlayer
  3. JAVA7新特性1---groovy
  4. AI视频生成工具 抖音短视频剪辑软件
  5. 【愚公系列】2023年02月 WMS智能仓储系统-010.全局过滤、中间件、格式化配置
  6. 育碧遭黑客攻击:用户账号被窃
  7. mysql查询最后一条记录
  8. thinkphp 打开速度缓慢,大多由于数据库读取问题!解决方法
  9. HTML5 开发工具
  10. 我和王争学设计模式|建造者模式