map地图

简介: map地图

地图想必大家都很熟悉,地图的应用非常广泛,我们出远门通常都会用到,下面我来给大家讲解一下地图!

首先我们要知道该怎样下载地图?

1.地图的版本有很多,我们选择一款,前往地图开发者中心。

2.注册,每个地图都需要注册个人信息的。

3.点击控制台,找到我的应用,创建应用并添加key值。

如何引用地图?

1.在HTML中定义一个容器,通过css来调整容器大小(这个容器是用来存放地图的)。

2.引用API库,将地图路径引过来。

3.填充地图显示代码,也可以给地图绑定点击事件,实现一些操作。

 <script>
 
        //地图初始化函数,本例取名为init,开发者可根据实际情况定义
 
        function initMap() {
 
            //定义地图中心点坐标
 
            var center = new TMap.LatLng(39.984120, 116.307484)
 
            //定义map变量,调用 TMap.Map() 构造函数创建地图
 
            var map = new TMap.Map(document.getElementById('container'), {
 
                center: center,//设置地图中心点坐标
 
                zoom: 17.2, //设置地图缩放级别
 
                pitch: 43.5, //设置俯仰角
 
                rotation: 45 //设置地图旋转角度
 
            });
 
        }
 
    </script>

下面是一个地图典型事件;(获取当前地图点击点坐标)


注意:这个点击事件是绑定给整个地图map的,(不管点击地图哪个位置,都会触发此事件,地图所用到的事件大多都是绑定给整个地图map的),分别声明两个变量名让其代表经度与纬度,使用事件监听的方式获取到经度与纬度,最后将其输出到事先设置好的信息框中。我们可以使用定位把它固定到任何地方。


相关文章
|
7月前
|
定位技术
97Echarts - 地理坐标/地图(Draw Polygon on Map)
97Echarts - 地理坐标/地图(Draw Polygon on Map)
28 0
|
7月前
|
定位技术
95Echarts - 地理坐标/地图(Binning on Map)
95Echarts - 地理坐标/地图(Binning on Map)
22 0
|
14天前
|
小程序 定位技术
uniapp 地图组件(map)的使用总结
uniapp 地图组件(map)的使用总结
217 0
|
7月前
|
定位技术
91Echarts - 地理坐标/地图(A Hiking Trail in Hangzhou - Baidu Map)
91Echarts - 地理坐标/地图(A Hiking Trail in Hangzhou - Baidu Map)
21 0
|
7月前
|
定位技术
92Echarts - 地理坐标/地图(A Hiking Trail in Hangzhou - Baidu Map)
92Echarts - 地理坐标/地图(A Hiking Trail in Hangzhou - Baidu Map)
20 0
|
10月前
|
开发框架 JavaScript 定位技术
Uniapp - 地图map组件及使用
Uniapp - 地图map组件及使用
930 0
|
JavaScript 定位技术
echarts没有map地图解决方案
echarts没有map地图解决方案
198 0
echarts没有map地图解决方案
|
存储 索引
Map基础
MAP基础 map不同于普通的对象,普通对象的键值对,键只能是数值、字符串或者符号,而map的键可以是任意类型的值,包括对象、函数、数组等。
|
存储 定位技术
别误会,Map不只是地图
上集说到ES6中set方法,在ES6中除了增加set方法之外,还考虑到一种场景——`键值对的存储`,而`map`集合就是专门存储多个键值对(key value pair)的数据。
142 0
|
数据可视化 JavaScript 前端开发
地图可视化不只是pyecharts.map
导读:地图可视化是一种非常直观的数据分析结果展现形式,python有很多可视化库可以实现,pyecharts就是很多python爱好者喜爱的实现地图可视化方法之一。不可否认,pyecharts绘制的地图实现方便、图形美观而且支持交互,但在面对不同需求时,其实我们还有很多其他手段实现地图可视化。
305 0
地图可视化不只是pyecharts.map

热门文章

最新文章