高德地图定位

<input class="map_input_id" type="hidden" data-name-id="瑞泰口腔医院" data-map-wd="39.880629" data-tel-id="010-59361200" data-map-jd="116.388211" data-img-id="http://p0.meituan.net/dpdeal/c344a50facebd9eaa7e450589de44b4a117615.jpg%40450w_280h_1e_1c_1l%7Cwatermark%3D1%26%26r%3D1%26p%3D9%26x%3D5%26y%3D5%26relative%3D1" data-address-id="太平街甲6号富力摩根AB座底商(中央芭蕾舞蹈团对面)">
set_map_child($(‘.map_input_id‘));
set_map_max($(".map_input_id"));
function set_map_child(obj){
        var _this = obj;
        var wd = _this.attr("data-map-wd");
        var jd = _this.attr("data-map-jd");
        var address = _this.attr(‘data-address-id‘);
        var position = [jd,wd];
        var defaultLayer = new AMap.TileLayer();
        var traffic = new AMap.TileLayer.Traffic();
        var pp = {};
        pp.zoom = 15;
        pp.center = position;
        pp.resizeEnable = true;
        pp.isHotspot = true;
        var map = new AMap.Map(‘map_child_id‘, pp);
        var marker = new AMap.Marker({
            position: position,
            map:map
        });
    }
    function set_map_max(obj){
        var _this = obj;
        var wd = _this.attr("data-map-wd");
        var jd = _this.attr("data-map-jd");
        var img = _this.attr(‘data-img-id‘);
        var address = _this.attr(‘data-address-id‘);
        var tel = _this.attr(‘data-tel-id‘);
        var name = _this.attr(‘data-name-id‘);
        var position = [jd,wd];
        var pp = {};
        pp.zoom = 15;
        pp.center = position;
        pp.resizeEnable = true;
        pp.isHotspot = true;
        var map = new AMap.Map(‘map_max_id‘, pp);
        var marker = new AMap.Marker({
            position: position,
            map:map
        });
        //添加尺子,方向盘
        AMap.plugin([‘AMap.ToolBar‘,‘AMap.Scale‘, ‘AMap.OverView‘],function(){
            var toolBar = new AMap.ToolBar();
            var scale = new AMap.Scale();
            var overView = new AMap.OverView({isOpen:true});
            map.addControl(toolBar);
            map.addControl(scale);
            map.addControl(overView);
        });
        //弹窗
        var marker = new AMap.Marker({
            position: position
        });
        marker.setMap(map);
        var circle = new AMap.Circle({
            center: position,
            radius: 100,
            fillOpacity:0.2,
            strokeWeight:1
        });
        circle.setMap(map);//设置范围圈
        marker.on(‘click‘,function(e){
            infowindow.open(map,e.target.getPosition());
        });
        AMap.plugin(‘AMap.AdvancedInfoWindow‘,function(){
            infowindow = new AMap.AdvancedInfoWindow({
            content: ‘<div class="info-title">‘+name+‘</div><div class="info-content">‘+
                     ‘<img src="‘+img+‘">‘+
                     ‘地址:‘+address+‘<br/>‘+
                     ‘电话:‘+tel+‘<br/>‘+
                     ‘</div>‘,
            offset: new AMap.Pixel(0, -30)
           });
           infowindow.open(map,position);
        });
    }
时间: 2024-08-15 07:18:09

高德地图定位的相关文章

高德地图定位,并计算当前定位点和目标点距离

效果图: 1.下载高德地图和定位sdk,将demo中arm文件夹和jar包复制到libs中. 2.gradle 文件 apply plugin: 'com.android.application' android { compileSdkVersion 23 buildToolsVersion "23.0.3" sourceSets{ main{ jniLibs.srcDirs=['libs'] } } defaultConfig { applicationId "myapp

Android开发实现高德地图定位

一. 要实现高德地图定位呢,首先需要做好以下几步准备: 1. 在高德开放平台注册帐号 注册地址:http://lbs.amap.com 2. 在开发中下载Android平台下的 地图SDK和定位SDK文件 进入相关下载下载自己想要的功能或文件,图只是截取了地图SDK的页面,定位SDK也是一样,按自己想要的文件下载.下载完成后解压得到: - 3D地图包解压后得到:3D地图显示包"AMap_3DMap_VX.X.X_时间.jar"和库文件夹(包含armeabi.arm64-v8a等库文件)

Android之高德地图定位

最近在写天气预报的app,写完以后会将源码开源,今天先写app中用到的定位问题,现在定位的SDK有很多高德地图.百度地图.腾讯地图等,腾讯地图没有用过不予评价,高德地图和百度地图对比我觉得从开发平台的给的demo来说,高德地图给的demo中的代码可读性更强,模块整理的也很好,从准确性上说个人觉得高德地图的准确性比百度地图要好很多,以前做的项目中有个导航功能,刚开始老大说用百度地图说用户量大,精度应该也更大,可是事实却不是如此,我记得当时用到了地理编码和反地理编码,误差有时候有1-2公里(不知道现

161913、ionic + 高德地图定位

实例一: var AMapArea=document.getElementById('amap'); AMapArea.parentNode.style.height="100%"; //$scope.AMapId='container'; $scope.mapObj;//存放初始化的地图对象 //$scope.initAMap=function(){ var position=new AMap.LngLat(116.397428,39.90923); $scope.mapObj=ne

高德地图 定位和位置信息获取

- (void)viewDidLoad { [super viewDidLoad]; self.navigationController.navigationBarHidden = YES; _mapView = [[MAMapView alloc] init]; _mapView.frame  =CGRectZero; [self.view addSubview:_mapView]; _mapView.showsUserLocation = YES; } -(void)mapView:(MAM

Android Studio之高德地图实现定位和3D地图显示

在应用开发中,地图开发是经常需要使用的"组件",国内比较出名的是就是百度地图和高德地图. 此博客讲的是高德地图实现定位和3D地图显示,并标注相应位置,话不多说,先看看效果,在上代码. 效果如图: 首先注册高德成为开发者(打开高德地图,点击底部的开发者平台),创建应用,按照要求填写相应信息,如下图: 途中包含了发布版的SHA1安全码和测试版SHA1安全码,两者的值可以看  博客 :Android Studio apk打包,keystore.jks文件生成,根据keystore密钥获取SH

android利用GPS和高德地图获取定位案例

一.main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" an

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

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

高德,百度,Google地图定位偏移以及坐标系转换

一.在进行地图开发过程中,我们一般能接触到以下三种类型的地图坐标系: 1.WGS-84原始坐标系,一般用国际GPS纪录仪记录下来的经纬度,通过GPS定位拿到的原始经纬度,Google和高德地图定位的的经纬度(国外)都是基于WGS-84坐标系的:但是在国内是不允许直接用WGS84坐标系标注的,必须经过加密后才能使用: 2.GCJ-02坐标系,又名"火星坐标系",是我国国测局独创的坐标体系,由WGS-84加密而成,在国内,必须至少使用GCJ-02坐标系,或者使用在GCJ-02加密后再进行加