高德地图javascriptAPI基本使用心得(下)

接着上篇讲高德地图,
3.逆地理编码(通过所知道的经纬度获取当前地址)

//逆地理编码
    lnglatXY = [116.42319, 39.84122]; //已知点坐标
    function regeocoder() {  //逆地理编码
        var geocoder = new AMap.Geocoder({
            radius: 1000,
            extensions: "all"
        });
        geocoder.getAddress(lnglatXY, function(status, result) {console.log(status,result);
            if (status === ‘complete‘ && result.info === ‘OK‘) {
                geocoder_CallBack(result);
            }
        });
        var marker = new AMap.Marker({  //加点
            map: map,
            position: lnglatXY
        });
        map.setFitView();
    }
   function geocoder_CallBack(data) {
        var address = data.regeocode.formattedAddress; //返回地址描述
    }

4.显示地图中心点,并提示文字

var map = new AMap.Map("container", {
            resizeEnable: true,
            center: [经度, 纬度 }],//地图中心点
            zoom: 13 //地图显示的缩放级别
        });
        var marker = new AMap.Marker({ //添加自定义点标记
            map: map,
            position: [经度, 纬度 }], //基点位置
            offset: new AMap.Pixel(-17, -42), //相对于基点的偏移位置
            draggable: true,  //是否可拖动
            content: ‘<div class="marker-route marker-marker-bus-from"></div>‘   //自定义点标记覆盖物内容
        });
        //设置鼠标划过点标记显示的文字提示
        marker.setTitle("设置位置");
        marker.setLabel({
            offset: new AMap.Pixel(15, 15),
            content: "${merchant_address}${merchantmerchant_name}"
        });

对于高德地图基本用法还请详见高德地图开发者官方文档,就此列出四个常用基本用法,谢谢!

时间: 2024-08-06 04:30:10

高德地图javascriptAPI基本使用心得(下)的相关文章

利用高德地图javascriptAPI做一个自己的地图

最近由于项目中需要制作一个地图,用来选择活动地点,我就花了两天利用高德地图的javascriptAPI自制了一个地图的demo.在这了记录一下我学习的过程. 一.进入高德地图官网,再找到高德地图的开放平台,我是做前端的,所以使用的是javascriptAPI. 地图的功能很多,使用API可以自己定制自己想要的功能.在使用前需要自己申请一个Key,引入API的时候会用到这个key. 二.详细看一下左边的那一列各个里面的内容,看完了基本就知道怎么回事了,它提供的javascriptAPI其实就是一个

(转)深入理解最强桌面地图控件GMAP.NET ---高德地图

前一篇介绍了GMAP.NET的理论基础,这篇介绍如何集成高德地图.高德地图自从为IOS6提供地图后,目前已经被大众所熟知了. 在我集成国内地图的经验来看,也是最符合墨卡托投影法的. 前面的相关文章链接: 深入理解最强桌面地图控件GMAP.NET --- 原理篇 深入理解最强桌面地图控件GMAP.NET --- SOSO地图 深入理解最强桌面地图控件GMAP.NET --- 百度地图 深入理解最强桌面地图控件GMAP.NET --- 初用 深入理解最强桌面地图控件GMAP.NET --- 初识 如

[转] Xcode4.4.1下安装高德地图详细教程

转载地址:http://blog.csdn.net/mad1989/article/details/7913404 此教程和官方的没有太大区别,省略了好多没用的步骤,添加framework的方式是最新的,其它没有太大变化. 1,创建一个Single view Application,相信这个大家都懂的吧. 2,引入高德地图iOS API 地图开发库和头文件(lib和include).(高德API下载地址可搜索baidu) (将解压出的高德API中的include和lib文件夹都复制到项目的文件夹

C# GMap下提供一个高德地图

using System; using GMap.NET.Internals; using GMap.NET.Projections; namespace GMap.NET.MapProviders { public class AMapProvider : AMapProviderBase { private readonly string name = "AMap"; private readonly string language = "zh_cn"; pri

Android学习之高德地图的通用功能开发步骤

这次分享的心得是高德地图的开发,基本上都是按照高德官网上的API文档来进行开发,废话不多说,走起. 第一步:申请高德地图的一个key,有了这个key我们的高德地图才可以正确用起来. 至于怎么申请高德地图的key,其实很简单,这里我大概说一下步骤:打开网页http://lbs.amap.com,注册一个高德地图API的一个账号(这里我声明一下,并不是给高德打广告,我只是分享一下我的这次学习经历而已),注册成功之后,会提示你成为开发者,成为开发者之后就能获取一个key了,获取key需要填写的内容,可

【高德地图API】汇润做爱地图技术大揭秘

昨日收到了高德地图微信公众号的消息推送,说有[一大波免费情趣用品正在袭来],点进去看了一眼,说一个电商公司(估计是卖情趣用品的)用高德云图制作了一张可以标记做爱地点与详情的地图.这不就是中国版的I just made love麽? 滑到屏幕底下,看了看阅读量,哇塞,居然有4万3!!!说明实在是有很多人关注做爱地图啊.本着研究地图的心情(绝对不是为了什么价值300的智能情趣用品!),我也就点击了[阅读原文]…… 好吧,为了证明我真的不是为了奖品,我会一边写活动步骤,一边揭秘其中的LBS技术.  

高德地图和canvas画图结合应用的一些感想(一)

之前朋友委托有个创业项目,想让我帮忙,正好那段时间有点闲,半推半就中就答应下来了. 入了团队才发现,该项目前后端分离,后端工程师已就位主要实现接口,IOS端工程师也已就位,还差一个web前端工程师.背脊一凉,我之前虽然写过一些js和css,虽有点功底但是离前端工程师还是有距离的啊.在和朋友说明情况后,朋友也是胆大,让我试试,主要他实在找不到人了(也有可能目前前端工程师报价都太贵了,创业嘛,能节约就节约,能理解...),没办法,走一步算一步吧. 其他管理页面都还好,主要Dashboard需要在地图

Android高德地图开发详解

这段时间开发的时候用到了高德地图,对高德地图开发有心得体会,现在分享给大家,对我开发过百度地图的我来说,总体来说高德地图Demo,没有百度讲解的详细 个人更偏向于使用百度地图,但是没办发,项目需要使用高德地图,我开发的是定位,更具经纬度添加标记,标记点击事件,以及路线规划废话不多说,上代代码 那么首先导入高德给的jar,包,我开发的是2d地图, 这个包结构图,高德题图api也提供了步骤,就不多说了 下面添加权限,设置key <uses-permission android:name="an

vue-cli2.X中引入高德地图,将其设为全局对象

平时一般未用脚手架构建或用webpack构建的项目只要用script标签引入即可,在vue-cli 2.X构建的项目中,需要用如下方式引入高德地图: 首先在高德地图开放平台中注册开发者账号并获取key,传送门:https://lbs.amap.com/api/javascript-api/guide/abc/prepare 接下来在cli项目根目录下的index.html中的<header>标签中用script标签引入 <script type="text/javascript