精华内容
下载资源
问答
  • 地理位置添加到您的实体。 添加地址实体。 添加用户地理位置。 添加用于计算项目中地理距离的原则功能。 1安装 1.1作曲家 ``` "require": { .... "phil/geolocation-bundle": "~0.2" }, ``` 要么 ``` ...
  • //地图上的点击事件 map.onclick = function( point ){ console.log(point.getLat()+'|'+point.getLng()) map.clearOverlays(); plus.maps.Map.reverseGeocode(point,{},function(event){ var ...
      //地图上的点击事件
    	map.onclick = function( point ){
    		console.log(point.getLat()+'|'+point.getLng())
    		map.clearOverlays();
    		plus.maps.Map.reverseGeocode(point,{},function(event){
    		var address = event.address;  // 转换后的地理位置
    		var point = event.coord;  // 转换后的坐标信息
    		var coordType = event.coordType;	// 转换后的坐标系类型
    		createMarker(address,point);
    	});
    	}
    	function createMarker(address,point){
    	   var marker=new plus.maps.Marker(point);
    		mui.toast(address);
    		marker.setIcon("../images/zuobiao.png");
    		marker.setLabel(address);
    		var bubble = new plus.maps.Bubble(address);
    		marker.setBubble(bubble);
    		map.addOverlay(marker);
    		localStorage.setItem('start_address',address);
    		}
    
    展开全文
  • iOS-高德地图点击地图获取点击点对应的地理位置,并添加自定义的大头针

    这是我在开发中遇到的问题,如果大家有什么更好的方法或者建议都可以留言给我,不说了直接粘代码吧

    ///地图需要v4.5.0及以上版本才必须要打开此选项(v4.5.0以下版本,需要手动配置info.plist)
        [AMapServices sharedServices].enableHTTPS = YES;
        
        ///初始化地图
        _mapView = [[MAMapView alloc] initWithFrame:self.locationView.bounds];
        _mapView.delegate = self;
        //给_mapView添加长按手势
        UILongPressGestureRecognizer *lpress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPress:)];
        lpress.delegate = self;
        [_mapView addGestureRecognizer:lpress];
    
        ///把地图添加至view
        [self.locationView addSubview:_mapView];

    ///进入地图就显示定位小蓝点
        // 开启定位
        _mapView.showsUserLocation = YES;
        // 追踪用户位置
        _mapView.userTrackingMode = MAUserTrackingModeFollow;
        
        // 设置成NO表示关闭指南针;YES表示显示指南针
        _mapView.showsCompass= NO;
        //全局的大头针
        _pointAnnotation = [[MAPointAnnotation alloc] init];

    #pragma mark - 允许多手势响应
    - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
        return YES;
    }

    //自定义大头针我这里只是把大头针变成一张自定义的图片
    - (MAAnnotationView *)mapView:(MAMapView *)mapView viewForAnnotation:(id<MAAnnotation>)annotation
    {
        if ([annotation isKindOfClass:[MAPointAnnotation class]])
        {
            static NSString *reuseIndetifier = @"annotationReuseIndetifier";
            MAAnnotationView *annotationView = (MAAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:reuseIndetifier];
            if (annotationView == nil)
            {
                annotationView = [[MAAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:reuseIndetifier];
            }
            annotationView.image = [UIImage imageNamed:@"list_map_ico_location"];
            //设置中心点偏移,使得标注底部中间点成为经纬度对应点
            annotationView.centerOffset = CGPointMake(0, -18);
            return annotationView;
        }
        return nil;
    }
    
    - (void)longPress:(UIGestureRecognizer*)gestureRecognizer{
        if (gestureRecognizer.state == UIGestureRecognizerStateEnded){
            return;
        }
        [_mapView removeAnnotation:_pointAnnotation];
        //坐标转换
        CGPoint touchPoint = [gestureRecognizer locationInView:_mapView];
        CLLocationCoordinate2D touchMapCoordinate =
        [_mapView convertPoint:touchPoint toCoordinateFromView:_mapView];
        
        _pointAnnotation.coordinate = touchMapCoordinate;
        //_pointAnnotation.title = @"设置名字";
        
        [_mapView addAnnotation:_pointAnnotation];
        
        [self setLocationWithLatitude:touchMapCoordinate.latitude AndLongitude:touchMapCoordinate.longitude];
    }
    
    - (void)setLocationWithLatitude:(CLLocationDegrees)latitude AndLongitude:(CLLocationDegrees)longitude{
        
        NSString *latitudeStr = [NSString stringWithFormat:@"%f",latitude];
        NSString *longitudeStr = [NSString stringWithFormat:@"%f",longitude];
        _mapCoordinate = [NSString stringWithFormat:@"%@,%@",latitudeStr,longitudeStr];
        //NSLog(@"%@",_mapCoordinate);
        //反编码 经纬度---->位置信息
        CLLocation *location=[[CLLocation alloc]initWithLatitude:latitude longitude:longitude];
        CLGeocoder *geocoder=[[CLGeocoder alloc]init];
        [geocoder reverseGeocodeLocation:location completionHandler:^(NSArray *placemarks, NSError *error) {
            if (error) {
                NSLog(@"反编码失败:%@",error);
                [self.view makeToast:@"该网点经纬度信息有误,请重新标注!"];
            }else{
                //NSLog(@"反编码成功:%@",placemarks);
                CLPlacemark *placemark=[placemarks lastObject];
                //NSLog(@"%@",placemark.addressDictionary[@"FormattedAddressLines"]);
                NSDictionary *addressDic=placemark.addressDictionary;
                
                NSString *state=[addressDic objectForKey:@"State"];
                NSString *city=[addressDic objectForKey:@"City"];
                NSString *subLocality=[addressDic objectForKey:@"SubLocality"];
                NSString *street=[addressDic objectForKey:@"Street"];
                //NSLog(@"%@,%@,%@,%@",state,city,subLocality,street);
                NSString *strLocation;
                if (street.length == 0 || street == NULL || [street isEqualToString:@"(null)"]) {
                    strLocation= [NSString stringWithFormat:@"%@%@%@",state,city,subLocality];
                }else{
                    strLocation= [NSString stringWithFormat:@"%@%@%@%@",state,city,subLocality,street];
                }
                
                self.addressTextView.text = strLocation;
            }
        }];
    }

    /*
     * 手机定位你当前的位置,并获得你位置的信息
     */
    - (void)mobilePhonePositioning{
        
        _locationManager = [[AMapLocationManager alloc] init];
        _locationManager.delegate = self;
        [AMapServices sharedServices].apiKey =@"你的key值";
        // 带逆地理信息的一次定位(返回坐标和地址信息)
        [_locationManager setDesiredAccuracy:kCLLocationAccuracyBest];
        //   定位超时时间,最低2s,此处设置为10s
        _locationManager.locationTimeout =10;
        //   逆地理请求超时时间,最低2s,此处设置为10s
        _locationManager.reGeocodeTimeout = 10;
        
        // 显示进度圈
        [self showHUDWithStatus:@"正在定位您的位置..."];
        
        // 带逆地理(返回坐标和地址信息)。将下面代码中的 YES 改成 NO ,则不会返回地址信息。
        [_locationManager requestLocationWithReGeocode:YES completionBlock:^(CLLocation *location, AMapLocationReGeocode *regeocode, NSError *error) {
            // 隐藏进度圈
            [self dismissHUDIgnoreShowCount];
    
            if (error)
            {
                //NSLog(@"locError:{%ld - %@};", (long)error.code, error.localizedDescription);
                [self.view makeToast:@"抱歉,未能定位到你的位置!"];
                if (error.code == AMapLocationErrorLocateFailed)
                {
                    return;
                }
            }
            
            //NSLog(@"location:%@", location);
            NSString *latitude = [NSString stringWithFormat:@"%f",location.coordinate.latitude];
            NSString *longitude = [NSString stringWithFormat:@"%f",location.coordinate.longitude];
            _mapCoordinate = [NSString stringWithFormat:@"%@,%@",latitude,longitude];
            
            if (regeocode)
            {
                //NSLog(@"reGeocode:%@", regeocode);
                self.addressTextView.text = regeocode.formattedAddress;
            }
        }];
    }
    具体的效果图如下:




    展开全文
  • 实现登陆用户分布地理位置标注,可以显示用户信息

    实现登陆用户分布地理位置标注,可以显示用户信息

    实现如图所示的功能

    直接上干货(整个html网页)

    <!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
    <title>根据经纬度在地图上添加标记</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!-- 加载OpenLayers 类库 -->
    <script type="text/javascript" src="http://www.openlayers.cn/olapi/OpenLayers.js">	
    </script>
    <!--jquery库 -->
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <style>
          body,html{
            width:99%;
            height: 100%;
            font-family: "arial, helvetica, sans-serif";
            font-size: x-large;
            font-kerning: inherit;
            font-stretch: expanded;
          }
          #map{
            height: 530px;
            font-size: 14px;
            font-family: "微软雅黑";
            backface-visibility: visible;
            background-blend-mode: inherit;
            background-origin: border-box;
            background: content-box;
          }
        </style>
    <script type="text/javascript">	
    $(document).ready(function() {
    	init();
    })
    	function init() {
    		var option = {
    			controls : [ new OpenLayers.Control.Navigation(), //导航  
    			new OpenLayers.Control.PanZoomBar(), //放大缩小  
    			new OpenLayers.Control.Scale(), new OpenLayers.Control.ScaleLine(),
    					new OpenLayers.Control.OverviewMap() ],
    			numZoomLevels : 15
    		//,//最大级别  
    		};
    		map = new OpenLayers.Map('map', option);
    		layer = new OpenLayers.Layer.WMTS({
    			name : "中国底图(矢量)", //测试地址  
    			url : "http://t0.tianditu.com/vec_c/wmts", //中国底图   
    			layer : "vec",
    			style : "default",
    			matrixSet : "c",
    			format : "tiles",
    			isBaseLayer : true
    		});
    	
    		//测试使用,正式环境去掉  
    		var tdt2 = new OpenLayers.Layer.WMTS({
    			name : "中国底图注记",
    			url : "http://t0.tianditu.com/cva_c/wmts", //中国底图注记   
    			layer : "cva",
    			style : "default",
    			matrixSet : "c",
    			format : "tiles",
    			isBaseLayer : false
    		});
    
    		map.addLayers([ layer, tdt2 ]);
    		//从服务器获取用户数据进行绑定
    		$.ajax({
    			type : "POST",
    			url : "请求接口",
    			data : {
    				"pageNumber" : "1" ,
    				"pageSize" : "100" 
    			},
    			dataType : "JSON",
    			async : false,
    			success : function(data) {
    				$.each(data, function(i, item) {
    					popupClass = OpenLayers.Popup.Anchored;   
    					addMarker(经度,纬度,popupClass, false,"<b>"+item.nickname(自己拼装用户信息)+"</b>");//添加标记  
    				});
    			},
    			error : function() {
    				alert("Error");
    			}
    		});
    		map.setCenter(new OpenLayers.LonLat(116.5, 40).transform(
    				new OpenLayers.Projection("EPSG:4326"), map
    						.getProjectionObject()), 8);//默认放大级别7  
    		//map.zoomToMaxExtent();   
    		//显示鼠标位置坐标  
    		map.addControl(new OpenLayers.Control.MousePosition({
    			displayProjection : 'EPSG:4326'
    		}));
    
    	}
    
    	//添加标记  
    	function addMarker(longitude,latitude,popupClass, closeBox,popupContentHTML,overflow) {
    		var markers = new OpenLayers.Layer.Markers("分站");
    		//设置显示坐标  
    		var x = 0, y = 0;
    		//北京  
    		//图片显示  
    		var icon = new OpenLayers.Icon('显示标注的小红点的图片路径, {
    			w : 21,
    			h : 25
    		}, {
    			x : -10.5,
    			y : -25
    		});
    		var feature = new OpenLayers.Feature(markers, new OpenLayers.LonLat(
    			longitude, latitude).transform(
    				new OpenLayers.Projection("EPSG:4326"), map
    					.getProjectionObject()), {
    				'icon' : icon
    			});
    		var marker = feature.createMarker(); 
    		feature.closeBox = closeBox;  
            feature.popupClass = popupClass;  
            feature.data.popupContentHTML = popupContentHTML ;  
            feature.data.overflow = (overflow) ? "auto" : "hidden";  
            var markerClick = function (evt) {  
                if (this.popup == null) {  
    			    this.createPopup(this.closeBox); 
                    this.popup.setBackgroundColor("#E2E7EB"); 
                    this.popup.setBorder("1px #0066ff solid");  
    				this.popup.setSize(new OpenLayers.Size(80,24))
                    map.addPopup(this.popup);  
                    this.popup.show();  
                } else {  
                    this.popup.toggle();  
                }  
                currentPopup = this.popup;  
                OpenLayers.Event.stop(evt);  
            };  
    		var mousOut = function onPopupClose(evt) {
                map.removePopup(this.popup);
                this.popup.destroy();
                this.popup = null;
            } 
            marker.events.register("mouseover", feature, markerClick); 
    		marker.events.register("mouseout", feature, mousOut);		
            markers.addMarker(marker);  
    		map.addLayer(markers);  
    	}
    </script>
    </head>
    <body class="page-container-bg-solid page-header-menu-fixed page-md">
    <div th:replace="view/common/nav :: navbar" style="width:100%;hight:25%"></div>
    <div id="map" style="width: 100%;"></div> 
    </body>  
    
    </html>
    

    附带标注图片

    在这里插入图片描述

    到此结束…

    展开全文
  • 百度地图获取地理位置

    千次阅读 2018-07-17 21:39:38
    百度地图获取地理位置 无需坐标逆解析获取地理位置 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta ...

    百度地图获取地理位置

    无需坐标逆解析获取地理位置

    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        </style>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
        <title>地图展示</title>
    </head>
    <body>
        <div id="allmap"></div>
    </body>
    </html>
    <script type="text/javascript">
        // 百度地图API功能
        var map = new BMap.Map("allmap");    // 创建Map实例
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 9);  // 初始化地图,设置中心点坐标和地图级别
         var geocoder= new BMap.Geocoder(); 
    
        map.addEventListener("click",function(e){ //给地图添加点击事件
    
            geocoder.getLocation(e.point,function(rs){
    
                console.log(rs.address); //地址描述(string)
    
                console.log(rs.addressComponents);//结构化的地址描述(object)
                console.log(rs.addressComponents.province); //省
                console.log(rs.addressComponents.city); //城市
                console.log(rs.addressComponents.district); //区县
                console.log(rs.addressComponents.street); //街道
                console.log(rs.addressComponents.streetNumber); //门牌号
    
                console.log(rs.surroundingPois); //附近的POI点(array)
    
                console.log(rs.business); //商圈字段,代表此点所属的商圈(string)
            });
    
        });
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    </script>
    展开全文
  • 这款app用户使用账号登陆之后能过添加自己的好友能过与好友之间进行实时聊天和在地图上定位出好友的地理位置信息把用户自己和好友的位置同时显示在地图上.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,...
  • 电信设备-在视频文件尾部添加地理位置信息的方法.zip
  • 百度地图在固定位置添加图片

    千次阅读 2018-12-19 13:31:41
    添加/删除地面叠加层 <div id="allmap"></div> ();" value="添加" /> ();" value="删除" /> var TianAnMen = new BMap.Point(116.404449, 39.914889); // 创建Map实例 var map = new BMap.Map("all...
  • 电信设备-在视频文件中添加地理位置信息并建立索引的方法.zip
  • 地理位置

    2017-08-07 17:24:21
    d)IP地址html5获取地理位置a)getCurrentPositon(successCallback,errorCallback); 第三个配置参数,一般在移动开发中用得比较多。网页开发用前两个就行了百度地图api开发中要使用百度地图API,必须先成为百度...
  • 天气应用 带添加城市的WeatherApllication +获取您的地理位置并使用openWeatherMap。
  • 有时做了一些东西没有记录,而过一段时间再看的时候,有会忘记了。需要在重新在看一遍。...弄了一个百度地图来标注地理位置信息,通过百度api来获取地址。这地图api是javascript版 添加显示显示的div控件 代码如下
  • 1.首先要引入自己的ak   <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxx"></script>...2.在html中写出地图的挂载点   <div id="sitePersonMap"...
  • html5获取地理位置 利用百度地图JavaScript API标注。HTML5 Geolocation API 用于获得用户的地理位置。使用时需要用户同意,否则用户位置信息是不可用的。Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera ...
  • 高德地图获取用户地理位置

    千次阅读 2018-05-21 14:07:44
    获取用户地理位置需要获取用户的同意 否则不可以获取用户地理位置 下面直接上代码 复制自己的项目就可以使用 (我用的是高德地图的API) 下面是map.html &lt;!doctype html&gt; &lt;head&gt; &...
  • 高德地图添加Marker后返回当前位置

    千次阅读 2016-09-10 17:29:42
    我是用在poi搜索后要把数据添加地图上。只贴部分代码。@Override public void onPoiSearched(PoiResult result, int errorCode) { if (errorCode == 1000) {//成功 Log.d(TAG, "onPoiSearched: ");
  • 小程序使用高德地图获取地理位置

    万次阅读 2018-06-04 19:28:58
    我这里用高德地图api来获取地理位置的信息 1、注册高德地图开发者 2、创建应用、获取Key 3、下载小程序SDK放到小程序项目中 4、设置安全通讯域名 登录微信公众平台,“设置“–&amp;amp;amp;gt;...
  • 高德地图定位、周边搜索、位置弹框、添加覆盖物等功能,可以自定义定位,添加覆盖物,覆盖物点击事件等,自定义定位按钮
  • 2015.12.09 - 12.15 ...此节将描述如何添加用户地理位置并且映射信息到应用程序中。通过提供用户所在位置和他们周围的环境信息给用户让应用程序变得更加的有帮助性和有作用。12.101. 让应用程序具有位置感知描述如
  • 移动端通过浏览器获取地理位置的相关方法,深入了解一下百度地图API的相关功能。 实现以下功能: (1)通过IP地址获取城市地址(并不完全准确,存在代理IP或IP中转时...(5)通过使用百度API展示地理位置添加标注功能
  • 使用WireShark生成地理位置数据地图

    千次阅读 2016-12-19 07:56:22
    我们将会在这篇文章中教会大家如何使用MaxmindGeoLite数据库来生成一个地理位置数据地图。虽然我们的演示实例是在Linux操作系统(Kali Linux 2016.2)上完成的,但是这个方法同样可以在Windows平台上正常实现。 ...
  • 库版本 package version vue 2.6.0 vant ...H5中获得用户位置授权后获取终端经纬度和地点名称,PC/移动端适用。...添加插件,绘制地图 AMap.Geocoder 地理编码与逆地理编码 AMap.Geolocat
  •  下面来看一下地图上覆盖物的添加,以及地理编码和反地理编码。 添加覆盖物  在地图添加覆盖物,一般需要以下几个步骤:  1. 定义坐标点,有可能是一个,有可能是多个(比如:多边形覆盖物)。  2. 构造...
  • redis-GEO地理位置

    万次阅读 2017-11-29 19:38:45
    Redis 3.2版本一个重大的更新是新增了GEO地理位置相关的命令。 目前Redis对地理位置支持提供了一下6个命令: 1. geoadd: 增加地理位置的坐标。2. geodist: 获取两个地理位置的距离。3. geohash: 获取地理...
  • Vuegeomaps测试 这是“视频的源代码。 随意深入研究代码并提出任何问题,或使用以下说明在本地计算机上启动演示应用程序。 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 ...
  • React Native使用高德地图获取地理位置定位获取高德App Key获取Android App Key如何获取 SHA1如何获取 PackageName开始使用安装自动配置(推荐)手动配置Android端iOS端基本用法回调数据:更多用法直接使用原生接口...
  • iOS之百度地图获取地理位置名称

    千次阅读 2016-03-18 17:18:40
    目前很多的应用都用到了百度地图这一版本,不过有些方法是我在网上并没有找到的,但是这并不意味着就没有相关的文章介绍,那么这里我所记录的就是百度地图获取地理位置,以及省份,城市,区域,其他的不多说了,直接...
  • 基于百度地图地理位置选择功能

    千次阅读 2015-10-04 08:08:41
    由于O2O的火爆,地图定位功能在目前的app里随处可见,今天就来写一下基于百度地图地理位置选择功能的简单实现。首先肯定是到百度官网注册应用申请apikey 这个没什么好说的,但是要注意的是百度提供的jar包是可以...
  • 1.导入系统库 添加方式:在Xcode的Project -> Active Target ->Build Phases ->Link Binary With Libraries,添加这几个系统库即可。 CoreLocation.framework、 QuartzCore.framework、 OpenGLES.framework、 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 112,820
精华内容 45,128
关键字:

地图位置怎么添加