精华内容
下载资源
问答
  • 高德地图自定义信息窗体样式
  • 高德地图自定义地图apidemo,地图样式,标注样式,自定义窗体
  • Android 高德地图自定义点聚合marker图片及Overlay点击选中功能的代码实现及布局文件
  • 高德地图自定义infowindow,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
  • AMap2DDemo 高度地图Demo 高德地图自定义Marker、自定义Window 简书:
  • 高德地图自定义图层

    2014-12-25 13:31:32
    高德地图自定义图层,能够实现用户点击后,提示文字
  • 高德地图自定义地图样式

    千次阅读 2019-10-15 16:29:14
    高德地图开放平台官网的jsAPI中提供了自定义地图的方法: 其中官方提供了10个主题来给开发者们使用 但10个主题并不能满足所有场景,所以官方还提供了自定义地图样式的方法: (1)进入自定义页面,点击创建地图...

    在高德地图开放平台官网的jsAPI中提供了自定义地图的方法:

    1. 其中官方提供了10个主题来给开发者们使用
      在这里插入图片描述
    2. 但10个主题并不能满足所有场景,所以官方还提供了自定义地图样式的方法:

    (1)进入自定义页面,点击创建地图样式:
    在这里插入图片描述

    (2)选择一个与目标样式相近的基础模版然后点击「创建」按钮:

    在这里插入图片描述

    (3)在左边导航栏里选择需要改变样式的模块,比如:陆地,并打开取色板选择想要的颜色来更换掉

    在这里插入图片描述

    (4)样式修改完成之后,点击左上角「退出」键,随即进入自定义地图界面:

    在这里插入图片描述

    (5)点击想要使用的样式中的「发布」按钮,发布成功之后,点击「使用与分享」按钮
    在这里插入图片描述

    (6)可以复制上图中的样式ID来使用,也可以点击分享地图样式给其他账号,在项目中具体使用代码如下:

    这里在引入高德地图的时候必须要使用自定义样式所在的账号的key才可以!比如我在账号A下新建的地图样式,就需要使用A的key,不然不会生效

    //引入高德地图
        <script src="https://webapi.amap.com/maps?v=1.4.15&key=你的key&plugin=Map3D,AMap.DistrictLayer,AMap.Scale,AMap.ToolBar"></script>
    
    //使用样式:在amap的配置项找到mapStyle,
    mapStyle: "amap://styles/你的样式ID"//这里样式ID,我这里就是fdb98ba86eaa2e61e2b4c054ebe4989d
    
    

    到这里就结束了,搞定收工!

    展开全文
  • 加载的是网络图片 因为之前有人说自定义的marker设置icon时不能使用网络的图片 自己写的xml里可以设置各种样式的Marker 总结 如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。 本图文内容...

    Marker marker = aMap.addMarker(new MarkerOptions()

    .anchor(0.5f,0.5f)

    .position(new LatLng(lat.get(i)[0],lat.get(i)[1]))

    .snippet("nnn").title(i + "").snippet(i + "")

    .draggable(true));

    String imageUrl = "http://img01.taobaocdn.com/bao/uploaded/i3/13215023749568975/T1UKWCXvpXXXXXXXXX_!!0-item_pic.jpg_230x230.jpg";

    View view = LayoutInflater.from(getActivity()).inflate(

    R.layout.marker,null);

    ImageView imageView = (ImageView) view.findViewById(R.id.iv);

    mAbImageDownloader.display(imageView,imageUrl);

    marker.setIcon(BitmapDescriptorFactory.fromView(view));

    加载的是网络图片 因为之前有人说自定义的marker设置icon时不能使用网络的图片

    自己写的xml里可以设置各种样式的Marker

    总结

    如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

    本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

    小编个人微信号 jb51ccc

    喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

    展开全文
  • 高德地图自定义创建地图

    千次阅读 2021-05-12 09:32:39
    4、接下来点击使用自定义地图,会生成一串码 5、点击复制,在地图初始化调用这个就可以了 var map = new AMap.Map('container', { zoom: 4, mapStyle: 'amap://styles/212b098c51dfc53a0a99v2b1e147a7b3', //...

    1、首先打开高都地图api自定义地图界面(自定义地图


    2、点进去,进行自定义地图配置


    自定义样式
     3、定义结束,点击发布

     4、接下来点击使用自定义地图,会生成一串码

    5、点击复制,在地图初始化调用这个就可以了

    var map = new AMap.Map('container', {
        zoom: 4,
        mapStyle: 'amap://styles/212b098c51dfc53a0a99v2b1e147a7b3', //设置地图的显示样式
    });
     

    =========================================================================================================================================

    或者在第4步的时候点击JS API调用方法

    根据页面提示创建自定义地图html页面

    效果:

            

    高德地图可以根据自己的想法在地图上添加自己想要的内容,具体步骤,可以根据上面的快速上手方法依次添加,制作出自己想要的内容

     

    展开全文
  • 标题创建自定义地图 vue中在index.html中引入地图key <script type="text/javascript" src="https://webapi.amap.com/maps? v=1.3&key=你申请的key"></script> 使用自定义样式 ...

    注册账号并申请 Key

    1. 首先,注册开发者账号,成为高德开放平台开发者
    2. 登陆之后,在进入「应用管理」 页面「创建新应用」
    3. 为应用添加 Key
      在这里插入图片描述

    标题创建自定义地图

    在这里插入图片描述

    vue中在index.html中引入地图key

    <script type="text/javascript" src="https://webapi.amap.com/maps?
    v=1.3&key=你申请的key"></script>
    

    在这里插入图片描述

    对应的地图组件中使用自定义样式

    在这里插入图片描述

    展开全文
  • Android 高德地图自定义点聚合marker图片及Overlay点击选中功能的代码实现及布局文件
  • 只做了高德地图依据搜索地址滑动地图显示对应的建筑,在依据显示的建筑添加地址,搜索地址,显示对应的地址,再将对应的地址显示到地图上滑动
  • vue中使用高德地图自定义开发

    千次阅读 2020-05-25 09:59:01
    vue中使用高德地图自定义开发 用一个在地图上挖宝的小例子,来总结下自己使用高德地图的心得。 起步-加载高德地图 // 进入 cd utils // 创建AMap.js文件 vim AMap.js AMap.js export default function MapLoader()...
  • }, //多个自定义的marker点 xcc() { this.markers.forEach((item) => { this.marker = new AMap.Marker({ icon: item.icon, position: item.position, offset: new AMap.Pixel(-13, -30), }); this.marker.setMap...
  • 高德地图自定义Marker

    千次阅读 2020-07-23 10:20:08
    1.添加Marker 的方法 // 添加多边形的边界点marker private void addPolygonMarker(LatLng latlng) { // markerOption.position(latlng); // Marker marker = mAMap.addMarker... //小猫 自定义 Marker ..
  • 在学习高德地图JS API的过程中,发现高德地图提供的点、线等API并不能满足我的需求,还好它开放了自定义图层CustomLayer,官方说自定义图层支持canvas、svg、甚至dom,这里我用的是svg,多说无益,上代码。...
  • Android 高德地图 自定义Location小蓝点

    千次阅读 2020-07-27 12:07:43
    设置自定义定位蓝点 自定义Location小蓝点,自定义功能 private static final int STROKE_COLOR = Color.argb(180, 3, 145, 255); private static final int FILL_COLOR = Color.argb(10, 0, 0, 180); private void...
  • 高德地图自定义吹出uiview, 动态生成uiview并在地图上显示
  • 高德地图自定义图片标记点 效果图: 场景 例如标记范围内共享单车的位置 循环坐标数组然后绘制: this.deviceMapData.output.value.curProData.forEach((item,index)=>{ //循环单点绘制 不能自定义icon let ...
  • 高德地图自定义图标显示

    千次阅读 2019-11-07 09:36:58
    <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">...meta name="viewport" content="initial-scale=1.0...
  • 高德地图自定义弹窗内容

    千次阅读 2020-05-17 21:41:50
    使用vue2.x来实现高德地图自定义弹窗内容,可以通过一个按钮来切换不同的样式风格,即改变弹窗内容样式。 分析 高德地图官网为开发者提供了自定义弹窗内容的例子,见这里 。官方提供的方式是Dom操作,即createElement...
  • 高德地图自定义运动轨迹
  • 自定义大头针和自定义气泡的代码官方文档上都写的很详细,我这里不再记录,这篇主要记录的是自定义气泡上面有一个按钮,点击按钮响应对应事件的场景,效果如下: 上面的车是自定义的大头针,点击大头针弹出自定义...
  • 高德地图自定义点标记踩坑

    千次阅读 2020-07-23 14:28:18
    1.上图所指示的坐标当时是用墨卡托坐标,要将其转成高德地图坐标表示的经纬度的形式,才能在高德地图中表示出来所指示的地点。 墨卡尔托坐标表示形式:12738037.307083402,3562717.500125364 就是上面这个坐标进行...
  • 使用高德地图js-api实现绘制圆形、矩形、多边形;右键可删除可自定义菜单;
  • 高德地图自定义搜索

    2019-09-15 08:45:02
    最近在开发E都市地图功能,其中用到 了[高德地图]关键字查询 脚本依赖如下: <script src="lib/jquery.js"></script> <script src="http://webapi.amap.com/maps?v=1.4.0&...
  • 高德地图中点击弹出自定义弹框(气泡)。(结合上一个上传的文件,也可用于标记点的点击弹出的弹框气泡)
  • 高德地图 自定义marker

    2021-08-06 14:52:54
    本文是基于高德地图的 先看官网 自定义marker 链接: 高德绘制点标记. 1.自定义适配器 public class InfoWindows implements AMap.InfoWindowAdapter { Context context; View infoWindow = null; private ...
  • 放置Android工程下的... } 在高德地图中指定你写出文件的路径。 String path=Environment.getExternalStoragePublicDirectory("data").getPath()+"/style.data" //该方法在AMap类中提供 setCustomMapStylePath(path);

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,124
精华内容 2,849
关键字:

高德地图自定义地图使用