高德地图第一篇

如果使用高德地图的API,首先需要引入高德地图的API

1、页面引入高德地图API

<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=59cc615a40d6b98b7f3756a0f6f8721d"></script>

2、页面上需要有个容器进行承载

<div id="container" class="container abs">

</div>

3、然后就可以在JS中声明并进行调用了

// 地图对象
var map = null;
// 地图上的所有自定义点
var markers = [];

var icon1 = new AMap.Icon({
    size: new AMap.Size(52, 56),
    image: "/Assest/tour/images/icon1.png",
    imageOffset: new AMap.Pixel(0, 0)
});

var icon2 = new AMap.Icon({
    size: new AMap.Size(40, 50),
    image: "/Assest/tour/images/icon2.png",
    imageOffset: new AMap.Pixel(0, 0)
});
$(function () {
    // 初始化地图对象
    map = new AMap.Map(‘container‘, {
        resizeEnable: true,
        dragEnable: true, //是否可以拖动
        view: new AMap.View2D({
            zoom: 20
        })
    });

}

4、marker的使用

// 标记点
        var marker = new AMap.Marker({
            map: map,
            content: i == 0 ? ‘<div class="icon1"><div class="text">‘ + (i + 1) + ‘</div></div>‘ : ‘<div class="icon2"><div class="text">‘ + (i + 1) + ‘</div></div>‘,
            position: [pointinfo[i].lon, pointinfo[i].lat],
            offset: { x: -20, y: -20 }  //偏移量
        });

// 信息窗口
        marker.infoWindow = new AMap.InfoWindow({
            content: ‘<div class="tit">‘ + pointDescName + ‘</div><div class="generalInfo" onclick="openOrJump(\‘‘ + pointinfo[i].lon + ‘\‘,\‘‘ + pointinfo[i].lat + ‘\‘,\‘‘ + pointDescName + ‘\‘)"><img src=\‘‘ + navigationIcon + ‘\‘ alt=\"\"></div>‘,
            offset: { x: -18, y: -10 }
        });
        marker.id = pointinfo[i].id;

AMap.event.addListener(marker, ‘click‘, function (e) {
     e.target.infoWindow.open(map, e.target.getPosition());
      map.setFitView();
});

marker.setContent(‘<div class="icon1"><div class="text">‘ + (1) + ‘</div></div>‘);
            marker.infoWindow.open(map, marker.getPosition());
            map.setFitView();

5、在地图上画轨迹图

function showTrack(track) {
    var path = [];
    var arr = track.split("|");
    for (var i = 0; i < arr.length / 2; i++) {
        path.push([arr[i * 2], arr[i * 2 + 1]]);
    }

    var polyline = new AMap.Polyline({
        path: path,
        strokeColor: "#3366FF",
        strokeOpacity: 0.5,//线透明度
        strokeWeight: 4,//线宽
        strokeStyle: "solid",//线样式
        isOutline: true,
        outlineColor: "#3366FF"
    });
    polyline.setMap(map);
    map.setFitView();
}
时间: 06-27

高德地图第一篇的相关文章

高德地图之定位篇-----&gt;定位、预测天气、围栏、搜索周边、行踪轨迹

跟集成百度地图一样,首先获取KEY,获取方式(官方的截图) 这篇主要是讲解高德地图定位篇,高德地图定位篇跟高德地图篇是不同的sdk,分离开了... 来看下配置流程吧,配置是第一位的 1.从网站下载并解压得到定位包"Android_Location_V1.xx.jar". 2.开发工程中新建"libs"文件夹,将定位包拷贝到 libs 的根目录下.拷贝完成后的工程目录(以 V1.0.4 为例)如图所示: image 注意:若您在 Eclipse 上使用 adt22 版

百度、高德开撕地图,手机地图第一争霸背后的阳谋

百度更多是C端用户使用频率更高,高德在B端用途更大,地图争霸,目标却是O2O 文/张书乐 这个周末,地图行业第一之争的舆论战打得火热.此次口水战的起源是高德单方面宣称"已成为行业第一",隔空喊话百度地图"不服来战",并宣称将允许第三方数据公司QuestMobile监测验证.百度地图第一时间发文回应,甩出三家权威机构数据和用户评测结果,吊打高德数据"掺水".不过,高德并未消停,仍放话坚持用第三方数据说话.面对友商如是挑衅,百度地图官方再度强势回应,

Android百度地图开发-第一篇:申请、搭建百度地图

一.前言 这是第一篇关于Android使用百度地图的学习记录,主要记录: 1.在百度地图开发者平台上申请API Key. 2.在自己的应用中加入百度地图的Android版SDK. 3.在自己的应用中显示一个地图. 二.在百度地图开发者平台上申请API Key 百度地图开发者平台地址:http://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B5.点击界面的"申请密钥",进入界面之后,点击"创建应用"按钮. 将应用

进阶篇第十一期:高德地图的使用

不知道小伙伴们有木有用高德的API来玩高德地图,其实还好啦,API里面介绍的很详细了哦,那么我今天就介绍一些常用的吧 首先是导入SDK,我用的是2D地图,所以就导入两个2D的库,那么我用CocoaPod来管理   pod 'AMap2DMap' pod 'AMapSearch' 接下来我们在调用地图的Controller里面来导入需要用的类库,并且关联对应的delegate   #import <MAMapKit/MAMapKit.h> #import <AMapSearchKit/AM

高德地图API INVALID_USER_SCODE问题以及keystore问题

今天这篇文章会给大家介绍三个问题: 1,接入API时出现invalid_user_scode问题 首先进行第一个大问题,接入高德地图API时出现invalid_user_scode问题 因为项目需要接入高德地图的API,在接入其它API时会出现类似问题,在进行定位的时候出现了下列问题 运行时log信息如下 可以看到,定位失败有两个原因: 1,错误代码为10,定位服务启动失败. 2,错误代码为7,key错误. 根据高德地图的官方使用文档的介绍,对相关问题进行处理 问题1:服务启动失败:检查清单配置

Android学习十一:高德地图使用

写这篇文章主要有三个目的: 1.使用高德地图api定位 2.获取天气数据 3.编程练手 文件结构 清单文件信息说明: <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="org.tonny" android:versionCode

【高德地图API】如何转到高德坐标系?

摘要:如何从GPS转到谷歌?如何从百度转到高德?这些都是小case.我们还提供,如何将基站cell_id转换为GPS坐标? ----------------------------------------------------------------------------------------- 第一部分 各种坐标系详解 1.大地坐标系统 WGS-84 用来表述地球上点的位置的一种地区坐标系统.它采用一个十分近似于地球自然形状的参考椭球作为描述和推算地面点位置和相互关系的基准面.一个大地坐

&quot;浅谈Android&quot;第一篇:Android系统简介

近来,看了一本书,名字叫做<第一行代码>,是CSDN一名博主写的,一本Android入门级的书,比较适合新手.看了书之后,有感而发,想来进行Android开发已经有一年多了,但欠缺系统化的学习,知识杂乱无章,没有条理和总结.因此,想想我是否可以尝试的写些文章,来对自己之前学过的知识和工作经验进行归纳和整理,整理出自己的知识体系呢.所以,就有这篇文章的诞生,如果其中理解不到位的地方,望园里的兄弟姐妹给予指出错误,我们共同讨论,一起进步.我一直相信一句话,好东西要分享,不断地分享,直至温暖整个世界

【高德地图API】从零开始学高德JS API(六)——坐标转换

原文:[高德地图API]从零开始学高德JS API(六)--坐标转换 摘要:如何从GPS转到谷歌?如何从百度转到高德?这些都是小case.我们还提供,如何将基站cell_id转换为GPS坐标? ----------------------------------------------------------------------------------------- 第一部分 各种坐标系详解 1.大地坐标系统 WGS-84 用来表述地球上点的位置的一种地区坐标系统.它采用一个十分近似于地球自