百度jsapi 图层

2024-10-05

arcgis jsapi接口入门系列（2）：图层基础操作

//图层相关demo layerFun: function () { //获取地图的所有图层(不包括的图层类型:底图图层(basemaps)) let layers = this.map.layers; //获取地图的所有图层(包括所有图层类型) let alllayers = this.map.allLayers; //PS:以上的类型都是Collection<Layer>(看起来像java的泛型list),不是js原生的东西,详细用法请看arcgis jsapi官方文档 //传统遍历方法

Android中调用百度地图

一.调用百度地图 --第一种方法 1.下载百度地图SDK SDK可以拆分下载,需要使用那一部分功能就下载相应包含的SDK,如下图核心的的jar 和so包,放在工程中的libs目录下 2.申请key 注册百度账号申请key,格式如下:sha1值+";"+包名. 包名指的是AndroidManifest.xml 中定义的名称 ,并非工程包名 3.将百度地图加入工程 (1)在application中添加开发密钥 <application <meta-data android

openlayers应用（二）：加载百度离线瓦片

上一篇文章介绍了使用openlayers3加载百度在线地图,对某些项目或应用场景比如不允许上外网的单位,某些项目只针对一定区域地图加载应用,比如一个县的地图,可以采用下载百度瓦片地图,在服务器或者本机单独部署的方式进行. 本篇主要讲述如何使用openlayers3调用下载的百度离线瓦片地图.瓦片地图下载器,网上有很多,在此不做详细描述. Openlayers3加载离线百度瓦片地图,效果以及代码如下: 代码如下: <!DOCTYPE html> <html xmlns="http

Ionic2使用百度地图API(JS)出现白屏解决方案

最近自学ionic2,写了一个内嵌百度地图JS的demo,实际跑起来之后出现了大家常见的白屏问题.. 最初的实现是这样的: 首先主页内嵌了一个百度地图插件 <div id="Bmap" style="width: 100%;height: 100%"> 之后menu中一个引导的子页面也内嵌了一个百度地图 <div id="Bmap" style="width: 100%;height: 100%"> 然

WebGIS开发之用openlayers加载离线百度地图

因为项目需要,只有内网环境,没有外网环境,所以需要下载地图瓦片. 一.下载瓦片地图这个可以自行在网上找一些地图瓦片下载器,下好的瓦片地图是分级的.大概如图这种类型. 二.在地图上显示标记首先使用openlayers加载离线地图瓦片.这里我用的nginx弄了给静态图片服务器. // 自定义分辨率和瓦片坐标系 var resolutions = []; var maxZoom = 18; // 计算百度使用的分辨率 for (var i = 0; i <= maxZoom; i++) { res

gps位置坐标转百度坐标

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}#l-m

js调用百度地图搜索功能

引用百度jsApi <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxxxxx"></script> 创建地址解析器: var localSearch = null; //查询参数 var options = { //智能搜索 onSearchComplete: function (results) { //查询结果状态码

javascript 浏览器定位

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}#l-m

如何利用百度地图JSAPI画带箭头的线？

百度地图JSAPI提供两种绘制多折线的方式,一种是已知多折线经纬度坐标串通过AddOverlay接口进行添加:另一种是通过在地图上鼠标单击进行绘制(鼠标绘制工具条库).目前这两种方式只能绘制多折线,并不能同时绘制线的箭头,以下介绍如何在线的拐点同时绘制箭头,以供参考.最终效果如下: 1. 绘制箭头方法: 上图中,线段AB是通过JSAPI画线方式添加的,只要绘制出CBD就可以实现箭头效果.为了灵活绘制箭头,需要用户自定义箭头的长度(r)和角度(angle). 实现步骤如下: 变量定义:pixelS

【百度地图API】如何自定义地图图层？实例：制作麻点图（自定义图层+热区）

原文:[百度地图API]如何自定义地图图层?实例:制作麻点图(自定义图层+热区) 摘要:自定义地图图层的用途十分广泛.常见的应用,比如制作魔兽地图和清华校园地图(使用切图工具即可轻松实现).今天我们来学习,当地图上有大量标注,比如600万个的时候,我们如何用“麻点图”来实现标注的展示. ----------------------------------------------------------------------------------------------------------

arcgis jsapi接口入门系列（3）：各种类型的图层添加

这里说的tomcat切片,是指arcgis server切片后,把切片图片文件用tomcat发布(其他任意web服务器发布都行) //添加tomcat切片图层 addTomcatTileLayer: function () { //图层配置 let layerConfig = { //切片所在的url,url结尾应该是 _alllayers/ url: "http://xxx/Layers/_alllayers/", //图层范围 tileExtent: "-0.5,-973

百度地图jsapi 自定义大头针的方法

百度地图jsapi 自定义大头针的方法<pre> var myIcon = new BMap.Icon("http://developer.baidu.com/map/jsdemo/img/fox.gif", new BMap.Size(300,157)); var mk = new BMap.Marker(r.point,{icon:myIcon}); map.addOverlay(mk); map.panTo(r.point);</pre>

百度地图JSAPI浏览器定位

百度地图 JSAPI使用定位当前地址与路径规划

http://lbsyun.baidu.com/index.php?title=jspopular api http://developer.baidu.com/map/jsdemo.htm#a1_2 实例地址样式 div <style> #allmap {width: 100%;height: 80%;overflow: hidden;margin:0;font-family:"微软雅黑";} body{ font-size: 12px; } </style

【Android 百度地图实战】2.几种地图图层的显示

具体代码官网API已提供,地址在这. 效果图如下: 主要代码: // 创建选项菜单 @Override public boolean onCreateOptionsMenu(Menu menu) { menu.add(1, 1, 1, "标准视图"); menu.add(1, 2, 2, "交通视图"); menu.add(1, 3, 3, "卫星视图"); return true; } //菜单点击事件 @Override public boo

百度地图 JSAPI使用 mark 定位地址与周边覆盖物

http://lbsyun.baidu.com/index.php?title=jspopular api http://developer.baidu.com/map/jsdemo.htm#a1_2 实例地址 var map = new BMap.Map("container"); var preMarker = new BMap.Marker(); map.addControl(new BMap.NavigationControl());//启用缩放轴 map.addCon

百度地图BMap实现在行政区域内做标注

使用环境 vue bmap.js element-ui 页面展示前提步骤在index中引入百度地图提供的js库在使用的vue页面中实例化地图  <div id="map"></div> <el-button :loading="btnLoading" @click="save">保存</el-button> 代码实现需要的基础数据和初次加载方法

微信JS-SDK坐标位置转换为百度地图坐标

微信JS-SDK开发过程中,使用getLocation获取坐标位置,如何将微信获取的坐标直接应用到百度地图中,显示以下效果: 说明:红色图标是从微信转换过来的位置,蓝色图标是周边位置.首先从微信开发流程讲解. 1.微信JS-SDK开发文档首先进入官网的帮助文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 可对文档进行详细的研读,要获取位置信息,分以下步骤:

去百度API的百度地图准确叠加和坐标转换的解决方案研究

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.背景目前项目上如果要使用百度地图,得加载百度的开发包,然后通过百度提供的接口来调用百度地图以及将需要标记的点显示在百度地图中等等. 此方案存在明显劣势: a.对原系统的破坏.一套从底层开发的系统,其地图的加载方式均是从底层通过换算行列号来进行加载的.而百度地图却必须脱离此方案通过调用百度API来实现,破坏了整个系统的架构,并且导致很多基于原架构的功能无法使用.

iOS百度地图简单使用

本文介绍三种接口: 1.基础地图2.POI检索3.定位首先是配置环境,有两种方法,方法在官方教程里都有,不再多说 1.使用CocoaPods自动配置[这个方法特别好,因为当你使用CocoaPods配置完之后就可以直接使用了,简单到你都不敢相信,我他妈用手动配置,每次都有各种问题,解决起来烦死人,使用CocoaPods配置,可能会报一个错(linker command failed with exit code 1 (use -v to see invocation)),但是,很好解决,只需要找

百度jsapi 图层

热门专题