精华内容
下载资源
问答
  • 解压密码:RJ4587 今天我们要来分享一款jQuery地图插件,准确的说,它是利用了腾讯地图的API来实现的。我们不仅可以像使用百度地图和谷歌地图那样移动和...最重要的是你可以在地图标注信息,保持后方便下一次查找。
  • 弄了一个百度地图标注地理位置信息,通过百度api来获取地址。这地图api是javascript版,感兴趣的朋友可以了解下,或许对你有所帮助
  • 原生js实现的百度地图API选择公司位置获取地址地图标注代码,适合多个分公司地址地图标记切换查看。
  • 百度地图设置坐标,标注坐标地理位置百度地图设置坐标,标注坐标地理位置百度地图设置坐标,标注坐标地理位置百度地图设置坐标,标注坐标地理位置百度地图设置坐标,标注坐标地理位置
  • 位置与地图(二)地图的使用以及标注地图

    千次阅读 多人点赞 2014-06-23 11:52:28
    继上一章,使用CoreLocation框架获取了当前设备的位置,这一章介绍地图的使用.  首先,导入框架  #import @main代码示例 main.h #import #import // 引用地图协议 @interface HMTMainViewController : ...

                继上一章,使用CoreLocation框架获取了当前设备的位置,这一章介绍地图的使用.

                 首先,导入<MapKit.framework>框架

                  #import <MapKit/MapKit.h>

    @main代码示例

    main.h
    
    #import <UIKit/UIKit.h>
    #import <MapKit/MapKit.h>
    //  引用地图协议
    @interface HMTMainViewController : UIViewController<MKMapViewDelegate>
    
    @end
    
    main.m
    
    //
    //  HMTMainViewController.m
    //  Map
    //
    //  Created by HMT on 14-6-21.
    //  Copyright (c) 2014年 humingtao. All rights reserved.
    //
    
    #import "HMTMainViewController.h"
    #import "HMTAnnotation.h"
    
    @interface HMTMainViewController ()
    
    @property (nonatomic ,strong) MKMapView *mapView;
    
    @end
    
    @implementation HMTMainViewController
    
    - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
    {
        self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
        if (self) {
            // Custom initialization
        }
        return self;
    }
    
    - (void)viewDidLoad
    
    {
        
        [super viewDidLoad];
        self.view.backgroundColor = [UIColor redColor];
        
        // Do any additional setup after loading the view.
        
        self.navigationItem.title = @"地图标注";
        self.mapView = [[MKMapView alloc] initWithFrame:CGRectMake(0, 0, 320, 568)];
        
        //  是否显示用户当前位置
        self.mapView.showsUserLocation = YES;
        //  设置代理
        self.mapView.delegate = self;
        
        //  地图显示类型
        /**
         *      MKMapTypeStandard = 0, //  标准地图
         *      MKMapTypeSatellite,    //  卫星地图
         *      MKMapTypeHybrid        //  混合地图
         */
        self.mapView.mapType = MKMapTypeStandard;
        //  经纬度
        CLLocationCoordinate2D coord2D = {39.910650,116.47030};
        //  显示范围,数值越大,范围就越大
        MKCoordinateSpan span = {0.1,0.1};
        //  显示区域
        MKCoordinateRegion region = {coord2D,span};
        //  给地图设置显示区域
        [self.mapView setRegion:region animated:YES];
        //  是否允许缩放
        //self.mapView.zoomEnabled = NO;
        //  是否允许滚动
        //self.mapView.scrollEnabled = NO;
    
        //  初始化自定义Annotation(可以设置多个)
        HMTAnnotation *annotation = [[HMTAnnotation alloc] initWithCGLocation:coord2D];
        //  设置标题
        annotation.title = @"自定义标注位置";
        //  设置子标题
        annotation.subtitle = @"子标题";
        //  将标注添加到地图上(执行这步,就会执行下面的代理方法viewForAnnotation)
        [self.mapView addAnnotation:annotation];
        
        [self.view addSubview:_mapView];
        
    }
    
    //   返回标注视图(大头针视图)
    - (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id<MKAnnotation>)annotation{
    
        /**
         *  是不是有点像自定义UITableViewCell一样
         */
        static NSString *identifier = @"annotation";
        //  复用标注视图(MKPinAnnotationView是大头针视图,继承自MKAnnotation)
        MKPinAnnotationView *annotationView = (MKPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:identifier];
        if (annotationView == nil) {
            annotationView = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:identifier];
        }
        //  判断是否为自定义的标注视图
        if ([annotation isKindOfClass:[HMTAnnotation class]]) {
            
            //  设置大头针圆圈颜色
            annotationView.pinColor = MKPinAnnotationColorGreen;
            //  点击头针红色圆圈是否显示上面设置好的标题视图
            annotationView.canShowCallout = YES;
            //  要自定义锚点图片,可考虑使用MKAnnotationView;MKPinAnnotationView只能是以大头针形式显示!!!!
            annotationView.image = [UIImage imageNamed:@"customImage"];
            //  添加标题视图右边视图(还有左边视图,具体可自行查看API)
            UIButton *button = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];
            [button addTarget:self action:@selector(didClickAnnotationViewRightButtonAction:) forControlEvents:UIControlEventTouchUpInside];
            annotationView.rightCalloutAccessoryView = button;
            //  是否以动画形式显示标注(从天而降)
            annotationView.animatesDrop = YES;
            annotationView.annotation = annotation;
            
            //  返回自定义的标注视图
            return annotationView;
            
        }else{
           
            //  当前设备位置的标注视图,返回nil,当前位置会创建一个默认的标注视图
            return nil;
        }
        
    }
    
    - (void)didClickAnnotationViewRightButtonAction:(UIButton *)button{
    
        NSLog(@"%d %s",__LINE__,__FUNCTION__);
    }
    
    //  更新当前位置调用
    - (void)mapView:(MKMapView *)mapView didUpdateUserLocation:(MKUserLocation *)userLocation{
    
        NSLog(@"%d %s",__LINE__,__FUNCTION__);
    }
    
    //  选中标注视图
    - (void)mapView:(MKMapView *)mapView didSelectAnnotationView:(MKAnnotationView *)view{
        
        NSLog(@"%d %s",__LINE__,__FUNCTION__);
    }
    
    //  地图的现实区域改变了调用
    - (void)mapView:(MKMapView *)mapView regionDidChangeAnimated:(BOOL)animated{
    
        NSLog(@"%d %s",__LINE__,__FUNCTION__);
    }
    
    - (void)didReceiveMemoryWarning
    {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.
    }
    
    @end
    

    @自定义 MKAnnotationView

    #import <Foundation/Foundation.h>
    #import <MapKit/MapKit.h>
    //  引入MKAnnotation协议,切记不能忘记!!!!!!!!!
    @interface HMTAnnotation : NSObject<MKAnnotation>
    
    @property (nonatomic,readonly) CLLocationCoordinate2D coordinate;  //  坐标
    @property (nonatomic,copy) NSString *title;     //  位置名称
    @property (nonatomic,copy) NSString *subtitle;  //  位置子信息(可选)
    
    - (id)initWithCGLocation:(CLLocationCoordinate2D) coordinate;
    
    @end
    
    #import "HMTAnnotation.h"
    
    @implementation HMTAnnotation
    
    - (id)initWithCGLocation:(CLLocationCoordinate2D)coordinate{
    
        if (self = [super init]) {
            
            _coordinate = coordinate;
        }
        return self;
    }
    
    @end
    

    @效果图:



    展开全文
  • 基于百度sdk的一套程序,可以定位到当前位置,在地图标注当前位置。可以手动在地图上选择点,点击标注,获取标注的信息。http://blog.csdn.net/wangkaichenjuan/article/details/50515504
  • 地图上拖动大头针标注位置

    热门讨论 2013-06-15 10:13:30
    给做地图的同学提供一些帮助!有时候需要拖动大头针来标注更具体的位置,这个代码正好提供此功能,与大家分享希望对你有用哦!
  • 直接调用js就可以,通过设置中心位置来实现显示的中心确定,入图中的小括号;通过标注坐标来在地图中显示你自己的位置,如图“青岛农业大学”标注; 效果图如下: 代码如下: //创建和初始化地图函数:

    直接调用js就可以,通过设置中心位置来实现显示的中心确定,入图中的小括号;通过标注坐标来在地图中显示你自己的位置,如图“青岛农业大学”标注;

    效果图如下:



    代码如下:

    <div >
        <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
    
        <!--百度地图容器-->
        <div style="width:524px;height:596px;border:#ccc solid 1px;" id="dituContent"></div>
        <script type="text/javascript" language="javasrcipt">
            //创建和初始化地图函数:
            function initMap(){
                createMap();//创建地图
                setMapEvent();//设置地图事件
                addMapControl();//向地图添加控件
                addMarker();//向地图中添加marker
            }
    
            //创建地图函数:
            function createMap(){
                var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
                var point = new BMap.Point(120.402934,36.325076);//定义一个中心点坐标
                map.centerAndZoom(point,14);//设定地图的中心点和坐标并将地图显示在地图容器中
                window.map = map;//将map变量存储在全局
            }
    
            //地图事件设置函数:
            function setMapEvent(){
                map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
                map.enableScrollWheelZoom();//启用地图滚轮放大缩小
                map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
                map.enableKeyboard();//启用键盘上下左右键移动地图
            }
    
            //地图控件添加函数:
            function addMapControl(){
                //向地图中添加缩放控件
                var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
                map.addControl(ctrl_nav);
                //向地图中添加缩略图控件
                var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
                map.addControl(ctrl_ove);
                //向地图中添加比例尺控件
                var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                map.addControl(ctrl_sca);
            }
            //标注点数组
            var markerArr =
                    [{title:"青岛农业大学李传涌",content:"我的备注",point:"120.402934|36.325076",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}];
            //创建marker
            function addMarker(){
                for(var i=0;i<markerArr.length;i++){
                    var json = markerArr[i];
                    var p0 = json.point.split("|")[0];
                    var p1 = json.point.split("|")[1];
                    var point = new BMap.Point(p0,p1);
                    var iconImg = createIcon(json.icon);
                    var marker = new BMap.Marker(point,{icon:iconImg});
                    var iw = createInfoWindow(i);
                    var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                    marker.setLabel(label);
                    map.addOverlay(marker);
                    label.setStyle({
                        borderColor:"#808080",
                        color:"#333",
                        cursor:"pointer"
                    });
    
                    (function(){
                        var index = i;
                        var _iw = createInfoWindow(i);
                        var _marker = marker;
                        _marker.addEventListener("click",function(){
                            this.openInfoWindow(_iw);
                        });
                        _iw.addEventListener("open",function(){
                            _marker.getLabel().hide();
                        })
                        _iw.addEventListener("close",function(){
                            _marker.getLabel().show();
                        })
                        label.addEventListener("click",function(){
                            _marker.openInfoWindow(_iw);
                        })
                        if(!!json.isOpen){
                            label.hide();
                            _marker.openInfoWindow(_iw);
                        }
                    })()
                }
            }
            //创建InfoWindow
            function createInfoWindow(i){
                var json = markerArr[i];
                var iw = new
                        BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
                return iw;
            }
            //创建一个Icon
            function createIcon(json){
                var icon = new
                        BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png",
                        new BMap.Size(json.w,json.h),
                        {imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),
                            offset:new BMap.Size(json.x,json.h)})
                return icon;
            }
            initMap();//创建和初始化地图
        </script>
    </div>


    展开全文
  • 百度地图标注位置

    千次阅读 2011-04-15 10:14:00
    标出公司位置和标尺条,支持双击放大,左键拖动功能

    <html>
     <head>
      <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
      <title>在标注上打开信息窗</title>
      <script type="text/javascript"
       src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.1&services=true">
     
    </script>
     </head>
     <body>
      <div style="width: 400px; height: 200px; border: 1px solid gray"
       id="container">
      </div>
     </body>
    </html>
    <script type="text/javascript">
     var map = new BMap.Map('container',
      {zoomLevelMin: 14, zoomLevelMax: 17});
     //var map = new BMap.Map("container"); //实例地图
     var point = new BMap.Point(121.434637, 31.173771); //初始坐标
     var marker = new BMap.Marker(point); //创建坐标标注实例
     var navigationControl = new BMap.NavigationControl();
     navigationControl.setType(BMAP_NAVIGATION_CONTROL_LARGE); //设置平移缩放控件的类型

     var opts = {
      width : 250, // 信息窗口宽度
      height : 100, // 信息窗口高度
      title : "上海王台信息技术有限公司" // 信息窗口标题
     }

     map.centerAndZoom(point, 16); //初始化  16为级别
     map.addOverlay(marker); //将覆盖物添加到地图中,一个地图只允许添加一次
     map.enableScrollWheelZoom(1); //启用滚轮放大
     map.addControl(navigationControl);//将空间添加到地图

     var infoWindow = new BMap.InfoWindow("徐汇区漕宝路80号光大会展中心D座602室", opts); // 创建信息窗口对象

     marker.addEventListener("click", function() { //click左键单击地图时触发此事件。                                     
        this.openInfoWindow(infoWindow);
        // this.closeInfoWindow();//关闭地图窗口     
      });
    </script>

     

    展开全文
  • // 创建标注,为要查询的地方对应的经纬度 map.addOverlay(marker); marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用 map....

    代码

    <!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">
            #allmap {width: 800px;height: 800px;margin:0;font-family:"微软雅黑";font-size:14px;}
        </style>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=F8GGZGTAevRPL7BwLtTjQvEzdAlpzqTt"></script>
        <script src="js/jquery.min.js"></script>
        <title></title>
    </head>
    <body>
    
    <input type="text" id="demo"/>
    
    <div id="allmap"></div>
    
    </body>
    </html>
    <script type="text/javascript">
        // 百度地图API功能
    
        var map = new BMap.Map("allmap");
        var poi = new BMap.Point(116.403847,39.915526);
        map.centerAndZoom(poi, 16);
        var marker = new BMap.Marker(poi);  // 创建标注,为要查询的地方对应的经纬度
        map.addOverlay(marker);
        marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
        map.enableScrollWheelZoom();   //启用滚轮放大缩小,默认禁用
        map.enableContinuousZoom();    //启用地图惯性拖拽,默认禁用
    
        $( '#demo' ).blur( function(){
            var str = $(this).val();
            var m = str.split(",");
    
            var map = new BMap.Map("allmap");
    
            var poi = new BMap.Point(m[0],m[1]);
            map.centerAndZoom(poi, 12);
            var marker = new BMap.Marker(poi);  // 创建标注,为要查询的地方对应的经纬度
            map.addOverlay(marker);
            marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
            map.enableScrollWheelZoom();   //启用滚轮放大缩小,默认禁用
            map.enableContinuousZoom();
        } );
    
    </script>
    

    代码执行后初始页面

    在这里插入图片描述

    输入经纬度,input失去焦点后效果

    在这里插入图片描述

    展开全文
  • 移动web之Html在地图标注位置,这是一份Html5的学习文档
  • 一、申请百度地图开发者AK 1.登录百度开放平台 地址:http://lbsyun.baidu.com/,使用百度账号登录成功后,点击控制台 2.点击查看应用,点击创建应用 3.填写信息,申请百度ak 4.申请成功后,应用列表里...
  • 百度地图标注不在中心位置问题

    千次阅读 2019-10-24 16:43:33
    百度地图标注不在中心位置问题 今天用百度地图,做一个效果根据后台传输过来的位置坐标,显示并标注。不知道为什么百度地图老是偏离标注位置一个屏幕。 这是点击查看位置时的效果 如图: 这个和我想的跑偏了十万里...
  • ============问题描述============ 能获取到gps坐标,但不知道怎么添加到地图上。。。 ============解决方案1============ ...
  • 百度地图默认标注显示位置

    千次阅读 2016-09-03 16:37:58
    点击打开链接
  • IOS地图定位,标注地图,获取经纬度实例

    千次下载 热门讨论 2013-11-18 12:21:00
    博客上的 IOS地图定位,标注地图,获取经纬度实例的源码 地址:http://blog.csdn.net/swingpyzf/article/details/16801787
  • 主要介绍了微信小程序获取位置展示地图标注信息的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 在项目中越来越多的用到了手机的GRS定位功能,使用百度地图API获取当前位置并在地图标注出来首先应该在官网上注册key 点击获取密钥,注册获取key。 完整代码如下:<!DOCTYPE html> ...
  • 百度离线地图,MyEclipse工程,导入可运行,实现简单的标注功能(增删查改),标注信息保存到数据库。 用到了数据库,下载文件中有相关的建表语句。
  • Openlayers绘制地图标注

    2021-01-18 17:04:02
    在Openlayers3里面,有两种对地理位置点进行标注的方法,一种是通过创建矢量图层然后设置其样式的方法,还有一种就是创建Overlay覆盖层的方法;对于第一种方式,本质上创建的还是一个矢量对象,只是将其表现形式更换...
  • 电子地图标注软件

    2013-03-12 17:28:47
     电子地图标注软件用户可以标注位置,搜索地图上本来有的位置标注位置,指定某个位置附近(比如说方圆1公里)的某类地理位置,可以把某个标注位置显示在地图中心。  电子地图标注软件 支持功能:  1....
  • iOS 百度地图定位并标注当前位置

    千次阅读 2017-04-26 17:43:24
    第一步:获取安全码...pod 'BaiduMapKit' #百度地图SDK 第三步:需要引入的头文件 #import <BaiduMapAPI_Base/BMKBaseComponent.h>//引入base相关所有的头文件 #import <BaiduMapAPI_Location/BMKLo...
  • 先在win10系统下搭建vs+qt+qgis环境,然后利用无线数传通过串口通信接收传输的数据并在地图标注位置,供大家参考!
  • ; height: 245px; width: 490px;" > 经度: ${inst.longitude}" /> 纬度: ${inst.latitude}" /> ... setTimeout(function(){ //相当于再次点击,第一... // 将标注添加到地图中 map.panTo(new_point); } }
  • mapbar -- 实时在地图标注车辆位置

    千次阅读 2009-07-28 12:06:00
    正做一个车辆实时跟踪的东东,车辆位置是实时变化的,需要在地图标注车辆的位置,其实做法很简单,如果是mapx或者其它地图控件,直接增加一个图层,然后在图层上画车辆就行了,但 mapbar 就不行,虽然 mapbar 能...
  • 在高德地图上展示当前位置
  • 地图实现标注用户当前坐标位置

    千次阅读 2016-12-02 23:52:12
    前端地图引用调用方法
  • //创建标注点并添加到地图中 function addMarker (points) { //循环建立标注点 for ( var i= 0 , pointsLen = points.length; i; i++) { var point = new BMap.Point(points[i].lng, points[i].lat...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,055
精华内容 6,822
关键字:

怎样标注地图位置