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


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


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

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

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

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

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

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

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

效果:

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

高德地图自定义创建地图相关推荐

  1. 前端项目使用高德API,创建地图,撒点,自定义标记点样式,点击点位展示信息提示窗体

    最近项目开发中遇到了高德地图自定义点的样式,点击展示信息窗体的需求.做个总结! 初始化地图展示点和点击展示信息窗体 我们用的Vue开发的,所以在这儿我用Vue中例子来说! 1.html标签创建地图放置 ...

  2. 使用高德地图自定义创建图层(svg)

    这段时间做的一个项目,需要在地图上绘制简单的图形.在学习高德地图JS API的过程中,发现高德地图提供的点.线等API并不能满足我的需求,还好它开放了自定义图层CustomLayer,官方说自定义图层 ...

  3. h5/web 原生定位、高德、腾讯地图定位

    在项目添加新功能时,使用cdn方式引入使用地图功能,使用功能只用到了地图的定位.点标记.详细地址查询.poi搜索和输入提示.计算两点之间的距离:因为在寻找高德地图问题时发现h5 和 web 端的好少, ...

  4. cesium加载自定义mapbox地图

    cesium加载自定义mapbox地图 自定义mapbox地图 可以使用mapbox studio来自定义地图样式 mapbox-studio官网 首页 使用模版创建地图 自定义地图,然后发布 使用自 ...

  5. 高德离线地图开发 java_自定义地图-创建地图-开发指南-Android 地图SDK | 高德地图API...

    简介 自 Android 3D 地图 SDK v5.2.0起,高德地图支持使用可视化自定义地图模版改变底图颜色和样式,实现可视化的编辑和控制显示地图元素. 创建样式文件 创建地图样式 高德地图开放平台 ...

  6. Android高德地图自定义Markers的例子

    下文为各位重点介绍关于Android高德地图自定义Markers的例子,希望这篇文章能够让各位理解到Android高德地图自定义Markers的方法. 之前的博客里说了地图的嵌入和定位,今天就说说在地 ...

  7. 高德地图自定义点标记踩坑

    先看一下要做的效果 如上图所示,箭头所指示的就是我们要进行的点标记, 先说一下我做的这个步骤 1.上图所指示的坐标当时是用墨卡托坐标,要将其转成高德地图坐标表示的经纬度的形式,才能在高德地图中表示出来 ...

  8. 高德地图自定义点标记大小_高德地图实现自定义小蓝点 自定义点标记 绘制多边形/圆形区域 根据地图的移动显示或者隐藏自定义点标记的相关实现...

    最近项目中有需要应用到高德地图的模块,在参考别的app地图相关模块实现过程中,自己产生了一些想法.首先说明要实现的功能需求.类似支付宝app内的跑腿功能,在全市的所有商铺,电梯广告等任意地点发布任务, ...

  9. Android 高德地图自定义线路规划选择方案之后按照方案进行导航

    Android 高德地图自定义线路规划选择方案之后按照方案进行导航 因为我这边导航需求的问题,导致我这边不能使用高德地图官方的线路规划和导航.所以我这边线路规划和导航界面都是根据高德地图那边给的api ...

最新文章

  1. Mysql创建数据库用户
  2. Spring Boot + EasyExcel 导入导出,好用到爆!
  3. Boost::context模块callcc的throw测试程序
  4. 注解和反射实现dao层增删改查
  5. SQLite与Sql Server的语法差异(转载)
  6. bzoj2244 [SDOI2011]拦截导弹 cdq分治
  7. 大量违规投放,青桔单车被紧急约谈
  8. 【白皮书分享】2020中国房地产白皮书.pdf(附下载链接)
  9. 第2章[2.3] 基于Ext JS的MVC/MVVM架构的应用开发模式
  10. (转)2020年网络安全产业图谱
  11. IMX290 291驱动
  12. CAM350 V14.5安装记录
  13. 网页自动调入软键盘输入中文
  14. Gocator三维传感器环境配置结合VS2015 (Gocator自带网页软件使用介绍)
  15. 八年级上册历史知识点(第1课 鸦片战争)
  16. 不忘初心,砥砺前行——移宇科技助力泸州市内分泌学术年会
  17. CSDN聊ChatGPT
  18. 最全动态规划题型详解
  19. localhost是什么?
  20. unity基础学习之法线贴图

热门文章

  1. vue中 el-input手机号码或座机号码做验证
  2. GML与KML的区别
  3. 使用 Windows 10 中的快捷键(Windows 键的妙用)
  4. android10系统是平板电脑吗,Windows 10适用于Android平板电脑
  5. java求多项式回归_多项式回归
  6. 我的基础css网站页码设计
  7. “万物智联·共数未来”2023年移远通信物联网生态大会圆满落幕
  8. 前端高手进阶第17讲:前后端如何有效沟通?
  9. (int)a是什么意思
  10. 智商测试儿童软件,儿童智力测验工具有哪些