bigemap如何添加mapbox地图?

   第一步  打开浏览器,找到你要访问的地图的URL地址,并且确认可以正常在浏览器中访问;浏览器中不能访问,同样也不能在软件中访问。

以下为常用地图源地址:

    天地图:

http://map.tianditu.gov.cn        包含:卫星影像、电子地图、地形图    

    全球地标覆盖:http://globeland30.org/      包含:耕地、草地、森林、湿地、苔原、人造地表、裸地等等

    国家地质图数据:全国地质资料馆   包含:地质图、水资源图、矿产图、构照图

    全球海图:船讯网--全球船舶位置动态跟踪、船位查询、卫星AIS数据、历史AIS数据、历史挂靠、船舶可视化监控、最新船舶位置、航线管理、航线查询、全球铁矿、LNG、LPG、干散货船、大宗商品分析、水域交通分析、船舶跟踪、船舶轨迹、历史轨迹、船舶轨迹动画、船舶监控、航线规划、船舶可视化建设、航运大数据应用、AIS监控、港口监管、港口监控、船舶信息、船舶档案资料、水域监控、船舶电子围栏监控、水域电子围栏、船舶代理、航运物流跟踪、AIS船位、货物跟踪、租船、OP、航运大数据      包含:港口、等深线

    其他更多在线地图地址:其他在线地图地址大全

 在浏览器输入以上地址,如果可以正常打开地图,则表示可以访问到,如下图:

image.png

   浏览器正常打开访问。

    第二步:添加到BIGEMAP GIS  Office软件中,如下图:

     左上角【选择地图】里面有个“添加地图按钮”,如下图:

image.png

第三步: 点击 添加,如下图:

image.png

点击 “添加在线地图源”

   如果你的地图源是可以正常访问的,对应的配置信息就会读取到。

    点击【确定】按钮,就添加成功了。

   添加成功 就可以在BIGEMAP中正常访问了。

   

### 使用Mapbox API集成和配置卫星地图 #### 初始化Mapbox并设置卫星地图风格 为了使用Mapbox的API来创建带有卫星视图的地图,需要先引入必要的JavaScript库,并设定访问令牌。这可以通过在脚本中加入以下代码实现: ```javascript mapboxgl.accessToken = '用自己申请到的token'; var map = new mapboxgl.Map({ container: 'map', // 容器ID style: 'mapbox://styles/mapbox/satellite-streets-v9', // 使用卫星街道样式[^1] center: [80.99817807141773, 43.976098445868644], // 中心坐标 zoom: 12 // 缩放级别 }); ``` 这里选择了`satellite-streets-v9`作为地图样式,它结合了高分辨率卫星影像与道路网络数据。 #### 自定义位置展示 如果希望显示特定地理位置,则可以根据需求调整经纬度参数。例如,在XML布局文件中指定更详细的属性以便于Android开发环境下的MapView组件初始化时自动定位至某地: ```xml <com.mapbox.mapboxsdk.maps.MapView android:id="@+id/mapview" android:layout_width="fill_parent" android:layout_height="fill_parent" mapbox:center_latitude="39.069" mapbox:center_longitude="117.221" mapbox:style_url="@string/style_satellite_streets" mapbox:zoom="15"/> ``` 上述代码片段展示了如何通过XML配置MapView以加载预设好的卫星街景模式,并聚焦在中国北京地区的一个具体地点上[^3]。 #### 添加交互功能 对于Web应用程序而言,还可以进一步增强用户体验,比如添加鼠标悬停效果、点击事件监听等功能。这些都可以借助React框架配合`react-mapbox-gl`插件轻松达成。首先需确保已正确安装相关依赖项: ```bash npm install mapbox-gl react-mapbox-gl ``` 接着,在入口JS文件里声明全局性的accessToken变量用于身份验证目的;之后便可在应用内部自由操作地图对象了[^5]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值