精华内容
下载资源
问答
  • android百度地图注释

    2013-04-10 21:14:02
    android百度地图代码注释版,这里我尽可能的把代码注释祥细,让初学者也能看懂!
  • Cluster 简单的地图注释聚类
  • 地图样式 Android的Maps SDK允许完全定制地图的外观。您可以选择由我们的制图师设计的Mapbox的核心样式之一,或者通过调整地图的颜色、图标和字体来创建自定义地图样式,以匹配您的应用程序的UI或公司的品牌。 有...

    地图样式

    Android的Maps SDK允许完全定制地图的外观。您可以选择由我们的制图师设计的Mapbox的核心样式之一,或者通过调整地图的颜色、图标和字体来创建自定义地图样式,以匹配您的应用程序的UI或公司的品牌。

    有两种方法可以定制地图的外观:使用Mapbox Studio创建自定义地图样式并将其加载到应用程序中,或者在运行时使用Android的Maps SDK更新地图特性。

    其中,使用运行时样式,您可以实时动态地更改映射的外观和感觉。根据一天的时间调亮或变暗地图,根据用户的活动个性化图标和地图颜色,动态切换语言,或者根据用户的喜好增加标签的大小,以提高可读性。

    Style对象

    style对象是指在应用程序中使用的 Mapbox map style。Sources, layers, images 通过 map 样式出现在地图上,因此它们是通过 style 对象添加和检索的,而不是添加到实际的 MapboxMap 对象中。使用 style 有三种方法:

    • default Mapbox style found in the Style class constants
    • custom map style URL from a Mapbox account
    • raw style JSON string or referenced style JSON via asset:// or path://

    如果样式加载失败或设置了无效的样式URL,map视图将变为空白。一个错误消息将被记录在 Android logcat 和 MapView 中。将触发OnDidFailLoadingMapListener回调。

    修改样式

    如果想加载一个全新的地图样式,就必须以编程方式更改地图样式URL。使用样式URL作为参数调用mapboxMap.setStyle():

    mapboxMap.setStyle(new Style.Builder().fromUrl(uniqueStyleUrl), new Style.OnStyleLoaded() {
    	@Override
    	public void onStyleLoaded(@NonNull Style style) {
    		// 自定义地图样式已经加载,现在已经准备好地图
    		
    	}
    });
    

    Mapbox 默认样式

    Mapbox提供了六种专业设计的地图样式:

    1. Mapbox Streets
    2. Outdoor
    3. Light and Dark
    4. Satellite
    5. Satellite Streets
    6. Traffic

    Maps SDK的样式类具有默认Mapbox样式URL的 “私有静态最终字符串 private static final String” ,因此当您必须通过项目中的setStyle()方法或其他方法传递样式URL时,可以方便地引用这些样式:mapboxMap.setStyle(Style.MAPBOX_STREETS, new Style.OnStyleLoaded()

    检索地图图层

    检索地图图层是实时调整地图视觉效果的第一步。每个地图样式都有一堆地图图层,每个图层都有一个id,如 landuse, settlement-label, natural-point-label, and building。

    Layer singleLayer = mapboxMap.getStyle().getLayer(UNIQUE_LAYER_ID);
    

    可以在Mapbox Studio中查看地图样式的图层z索引顺序和图层id。

    查看此信息的另一种方法是,一旦地图加载到设备上,就将每个层ID打印到Android logcat,如下:

    mapView.getMapAsync(new OnMapReadyCallback() {
    @Override
    	public void onMapReady(@NonNull final MapboxMap mapboxMap) {
    
    		mapboxMap.setStyle(Style.MAPBOX_STREETS, new Style.OnStyleLoaded() {
    			@Override
    			public void onStyleLoaded(@NonNull Style style) {
    			
    				// 将每个层ID打印到Android logcat
    				for (Layer singleLayer : mapboxMap.getStyle().getLayers()) {
    					Log.d(TAG, "onMapReady: layer id = " + singleLayer.getId());
    				}
    				
    			}
    		});
    	}
    });
    

    一旦有了单独的映射层,就可以使用 data-driven styling 和表达式来调整该层的属性。例如,下面是如何使用 runtime styling 将水层的蓝色更改为更深的蓝色:

    button.setOnClickListener(new View.OnClickListener() {
    @Override
    	public void onClick(View view) {
    		mapboxMap.getStyle().getLayer("water").setProperties(PropertyFactory.fillColor(Color.parseColor("#004f6b")));
    
    	}
    });
    

    样式相关的事件

    更改地图的样式将触发“地图事件”。有关事件以及如何在地图样式加载完成后在地图上显示或重新显示数据的更多信息,请阅读地图更改事件文档



    地图注释

    Android 的 Mapbox Maps SDK 提供了几种不同的方法来标记一个点、创建一个圆、在多个点之间添加一条线或绘制一个多边形。通常,可以在地图的顶部或者在某些情况下,在地图本身中绘制这些对象。

    注意:在针对 Android 的 Mapbox Maps SDK 的 7.0.0 发行版中,该页面的大部分代码都被弃用了。不再维护 Polygon、Polyline 和 Marker 等类。这也意味着不应该使用 PolygonOptions 和 PolylineOptions 之类的类。最后,这还意味着不应该使用 addPolygon()、addPolyline() 或 addMarker() 等方法。

    如果计划向地图添加任何图标、文本、行或多边形,请查看Android的Mapbox注释插件。它简化了注释,并为显示数据提供了额外的灵活性。

    1.Source和Layer

    将数据源和映射层一起使用是在Mapbox map上显示数据的最有效选项。这种组合还可以让您更好地控制以下内容:

    • 表示单个点的图标
    • 多条线段
    • 多边形

    有关更多信息,请参见上面的数据驱动样式。您可以探索用于创建注释的源和层组合。下面,您将发现关于显示注释的更简单(和更低性能)方法的信息。

    2.标记Marker

    当标识地图上的一个点时,标记是有用的。SDK 附带一个默认的标记图标,可以根据您的特定需求进行配置。 api 可以选择将此图标更改为您希望的任何位图图像。要为您的地图创建一个标记,您只需要提供一个 LatLng 位置,该位置定义了标记将放置在地图上的位置。调用 mapboxMap.addMarker() 将标记添加到映射中。

    mapboxMap.addMarker(new MarkerOptions()
    	.position(new LatLng(48.85819, 2.29458))
    	.title("Eiffel Tower"));
    

    除了提供位置之外,还可以添加显示在信息窗口内的标题和代码片段。当用户点击标记时显示信息窗口,当用户点击信息窗口外时关闭信息窗口。

    对于多个地点标记:或者正在从GeoJSON文件中加载它们,那么可以使用mapboxmap . addMarkers() 添加标记列表。

    移除标记

    Mapbox Android SDK 提供了两种删除标记的方法。如果希望删除特定的标记,在传递要删除的标记对象时使用mapboxMap.removeMarker()
    如果希望删除所有标记,请调用mapboxMap.clear()方法。注意,这还将删除添加到映射中的所有折线和多边形。

    自定义标记icon

    您可以通过使用 IconFactory 对象并将其传递给 Marker 来指定自定义 icon。如果在创建标记时没有指定图标,则使用默认标记图标。该标记的锚定将在中心,这意味着如果您有一个带有点的图标,您将需要添加填充到图像的底部。将自定义标记图像放在项目的 drawable 文件夹中,并注意其文件名。在下面的示例中,自定义图标的图像文件名为 blue_mark.png:

    // Create an Icon object for the marker to use
    IconFactory iconFactory = IconFactory.getInstance(MainActivity.this);
    Icon icon = iconFactory.fromResource(R.drawable.blue_marker);
    
    // Add the marker to the map
    mapboxMap.addMarker(new MarkerViewOptions()
    	.position(new LatLng(-37.821648, 144.978594))
    	.icon(icon));
    

    捕获事件标志

    Android的 Mapbox Maps SDK 提供了一个方便的监听器,当用户点击一个标记时就可以捕获。默认情况下,所有标记都带有一个 onMarkerClick 事件监听器,用于显示和隐藏信息窗口。您可以覆盖这个默认事件监听器,并使用 setOnMarkerClickListener 方法设置您自己的事件监听器。

    要显示带有已单击标记标题的 toast 消息,请使用 setOnMarkerClickListener 侦听一个单击事件,最后调用toast.maketext()。要防止同时显示 toast 消息和信息窗口,请在末尾返回true。示例如下:

    mapboxMap.setOnMarkerClickListener(new MapboxMap.OnMarkerClickListener() {
      @Override
      public boolean onMarkerClick(@NonNull Marker marker) {
        // 用选定标记的标题显示toast
        Toast.makeText(this, marker.getTitle(), Toast.LENGTH_LONG).show();
        return true;
      }
    });
    

    更新标记

    如果您打算更新标记而不是完全删除它,SDK 提供了一些更新方法。使用这些代码意味着更少的样板代码和性能的提高,因为只是在更新标记。

    例如,使用这些更新 api,您可以使用 ValueAnimator 创建动画标记。您可以找到用于更新标记对象引用中的标记位置或图标位图的 api。示例:

    // 修改标记marker的位置
    marker.setPosition(new LatLng(-37.822884, 144.981916));
    
    // 更新marker的图标
    marker.setIcon(icon);
    

    3.多段线和多边形

    在地图中添加一条线或一个多边形就像添加一个标记。由于这些对象的性质,会公开不同的 api,比如多边形颜色或线宽。将所有 LatLng 对象捆绑在一个列表中,然后使用 addAll() 方法将它们传递进来,而不是放在一个位置。

    在地图上画多段线时,需要注意,第一个点和最后一个点的坐标应该是重合的:

    mapboxMap.addPolyline(new PolylineOptions()
    	.addAll(points)
    	.color(Color.parseColor("#3bb2d0"))
    	.width(2));
    

    在画多边形时,起点和终点同样需要重合:

    List<LatLng> polygonLatLngList = new ArrayList<>();
    
    polygonLatLngList.add(new LatLng(45.522585, -122.685699));
    polygonLatLngList.add(new LatLng(45.534611, -122.708873));
    polygonLatLngList.add(new LatLng(45.530883, -122.678833));
    polygonLatLngList.add(new LatLng(45.515369, -122.678489));
    polygonLatLngList.add(new LatLng(45.506346, -122.702007));
    polygonLatLngList.add(new LatLng(45.522585, -122.685699));
    
    mapboxMap.addPolygon(new PolygonOptions()
    .addAll(polygonLatLngList)
    .fillColor(Color.parseColor("#3bb2d0")));
    

    使用线条和填充图层
    要使用上面代码中的 addPolyline() 或 addPolygon() 方法,需要拥有一个 LatLng 对象列表,这些对象表示行或多边形区域。

    正如本页面顶部所解释的,使用 source 和 layer 可以使您更灵活地在地图上显示地理数据。使用 LatLng 对象列表,您可以创建一个 featurecall 并使用该 featurecall 创建一个 GeoJsonSource。

    • 将 GeoJsonSource 提供给一个线性层,以显示您将通过 addPolyline() 绘制的线
    • 将 GeoJsonSource 提供给一个填充层,用于显示通过 addPolygon() 绘制的区域
    展开全文
  • 集群是一个简单的地图注释集群库。 该存储库使用有效的方法(QuadTree)将引脚聚合到群集中。 产品特点 添加/删除注释 聚类注释 多名经理 动态集群禁用 自定义单元格大小 自定义注释视图 动画支持 要求 iOS ...
  • 这个源码详细就是我们常见的在地图中显示注释的功能,源码ADClusterMapView,ADClusterMapView是MKMapView的子类,用来在地图上显示集群注解,当你在一个地图上有多个注解要显示的时候很有用。适用于iOS移动应用。
  • kingpin, 在MKMapView的地图注释集群库中, kingpin一种面向iOS的MKAnnotation集群库。 特性使用 2-d 树,以实现最大性能。无需子类化,使库易于与现有项目集成。安装 CocoaPods要在 Podfile 中获得稳定的发行版,请...
  • 注释的高德地图API Demo,我感觉地图API就这个用着舒服
  • (ios开发)在MapKit地图上添加注释 1. 添加到map view的子视图不会随地图的移动而移动,map view会固定其子视图的位置。如果要添加随着地图移动的子视图,可以使用annotations和overlays。a

    转载地址: http://www.cnblogs.com/tangbinblog/archive/2012/07/11/2586715.html

    (ios开发)在MapKit地图上添加注释

    1. 添加到map view的子视图不会随地图的移动而移动,map view会固定其子视图的位置。如果要添加随着地图移动的子视图,可以使用annotations和overlays。annotation用来显示由一个经纬度定义的位置,而overlay则是由多个点所定义或者包含了许多连续的图形。
     
    2.在地图上显示annotation,需要提供两个对象
    annotation object)
    annotation view.)
    注释对象通常是一些小的数据对象,保存了地图的坐标和一些相关信息。
    Map Kit提供了一些标准的注释视图,你也可以使用自定义的注释视图。但是不能将注释视图直接添加到map view,而是使用map view的代理对象来提供。
     
    3.添加注释的具体步骤
    定义一个注释对象annotation object :
    使用MKPointAnnotation类来实现一个简单的注释,这类注释可以显示标题和副标题。
    自定义一个遵守MKAnnotation协议的对象,这类注释可以存储任何类型数据
    定义一个注释视图annotation view来显示数据:
    如果注释可以由一张静态图片表示,则创建一个MKAnnotationView类的实例,然后将图像赋值给image属性
    如果你想使用标准的pin annotation,创建一个MKPinAnnotationView类的实例
    如果静态图像不够表示你的注释,那么创建一个MKAnnotationView的子类
    Implement the mapView:viewForAnnotation: method in your map view delegate. Your implementation of this method should dequeue an existing annotation view if one exists or create a new one. If your application supports multiple types of annotations, you must include logic in this method to create a view of the appropriate type for the provided annotation object. 在map view的代理对象中实现mapView:viewForAnnotation:方法,使用已经存在的注释视图或者新创建一个。如果你的程序支持多种不同的注释,那么应该根据不同的注释提供不同的视图
    方法添加你的注释对象到map view
     
    4.自定义注释对象
    注释对象遵守MKAnnotation协议,如果你之想要将一个标题和一个坐标相联系,那么可以直接使用MKPointAnnotation作为注释对象。如果还想要显示其他信息,就需要自定义一个注释对象
     
    Listing 5-1  Creating a simple annotation object   
    @@interface MyCustomAnnotation : NSObject <MKAnnotation> {   
        CLLocationCoordinate2D coordinate;   
    }   
    @property (nonatomic, readonly) CLLocationCoordinate2D coordinate;   
    - (id)initWithLocation:(CLLocationCoordinate2D)coord;   
        
    // Other methods and properties.   
    @end  
     
     
    @implementation MyCustomAnnotation   
    @synthesize coordinate;   
        
    - (id)initWithLocation:(CLLocationCoordinate2D)coord {   
        self = [super init];   
        if (self) {   
            coordinate = coord;   
        }   
        return self;   
    }   
    @end  </span> 
     
    5.使用标准注释视图
    MKAnnotationView类定义了注释视图的一些基本特性。MKPinAnnotationView类是MKAnnotationView的子类,用来显示系统标准的注释视图(pin view)
    创建一个MKAnnotationView的实例,设置image属性。当此annotation显示在地图上时,该图像显示在相应的坐标位置(If you do not want the image to be centered on the map coordinate, you can use the centerOffset property to move the center point horizontally and vertically in any direction. )。
     
    MKAnnotationView* aView = [[[MKAnnotationView alloc] initWithAnnotation:annotation    
                                      reuseIdentifier:@"MyCustomAnnotation"] autorelease];   
    aView.image = [UIImage imageNamed:@"myimage.png"];   
    aView.centerOffset = CGPointMake(10, -20);  </span> 
    在代理的mapView:viewForAnnotation:方法中创建标准注释视图
     
    6.使用自定义注释视图
     
    #import <UIKit/UIKit.h>   
    #import <MapKit/MapKit.h>   
        
    @interface MyCustomAnnotationView : MKAnnotationView   
    {   
       // Custom data members   
    }   
    // Custom properties and methods.   
    @end  
     
     
    Listing 5-5  Initializing a custom annotation view   
    - (id)initWithAnnotation:(id <MKAnnotation>)annotation reuseIdentifier:(NSString *)reuseIdentifier   
    {   
        self = [super initWithAnnotation:annotation reuseIdentifier:reuseIdentifier];   
        if (self)   
        {   
            // Set the frame size to the appropriate values.   
            CGRect  myFrame = self.frame;   
            myFrame.size.width = 40;   
            myFrame.size.height = 40;   
            self.frame = myFrame;   
        
            // The opaque property is YES by default. Setting it to   
            // NO allows map content to show through any unrendered   
            // parts of your view.   
            self.opaque = NO;   
        }   
        return self;   

     
     
    6.在代理对象中创建注释视图
     
     
    Listing 5-6  Creating annotation views   
    - (MKAnnotationView *)mapView:(MKMapView *)mapView   
                          viewForAnnotation:(id <MKAnnotation>)annotation   
    {   
        // If it's the user location, just return nil.   
        if ([annotation isKindOfClass:[MKUserLocation class]])   
            return nil;   
        
        // Handle any custom annotations.   
        if ([annotation isKindOfClass:[MyCustomAnnotation class]])   
        {   
            // Try to dequeue an existing pin view first.   
            MKPinAnnotationView*    pinView = (MKPinAnnotationView*)[mapView   
            dequeueReusableAnnotationViewWithIdentifier:@"CustomPinAnnotationView"];   
        
            if (!pinView)   
            {   
                // If an existing pin view was not available, create one.   
               pinView = [[[MKPinAnnotationView alloc] initWithAnnotation:annotation    
                           reuseIdentifier:@"CustomPinAnnotation"]   
                                 autorelease];   
                pinView.pinColor = MKPinAnnotationColorRed;   
                pinView.animatesDrop = YES;   
                pinView.canShowCallout = YES;   
        
                // Add a detail disclosure button to the callout.   
                UIButton* rightButton = [UIButton buttonWithType:   
                                   UIButtonTypeDetailDisclosure];   
                [rightButton addTarget:self action:@selector(myShowDetailsMethod:)   
                                   forControlEvents:UIControlEventTouchUpInside];   
                pinView.rightCalloutAccessoryView = rightButton;   
            }   
            else   
                pinView.annotation = annotation;   
        
            return pinView;   
        }   
       
        return nil;   
    }  
     
    当map view需要显示注释时候,会调用代理的mapView:viewForAnnotation:方法,如果你不实现此方法或者总是返回nil,map view会使用默认的注释视图,即pin annotation view。在你创建新的视图之前,检查是否已经存在此类视图dequeueReusableAnnotationViewWithIdentifier: ,类似于tableview的cell实现
     
    7.管理地图的注释对象
    为了避免注释视图的重叠,在方法mapView:regionWillChangeAnimated: andmapView:regionDidChangeAnimated: 中,根据需要来添加或者减少
     
    8.让注释视图可拖动
    在注释对象中,实现setCoordinate:方法来更新注释的坐标。
    创建注释视图时,设置draggable属性为YES

    展开全文
  • android studio百度地图例子(大量注释.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • 注释的 demo源码,我高德地图API比百度的用起来更舒服些
  • iphone 地图注释

    千次阅读 2011-12-14 13:09:54
    成员变量建立outlets的关系(什么?不懂?那就从头学一下xcode吧)。 在类的实现文件(.m)中加入以下代码(方法名自己起吧,我这里起的是initMapView): ...view plaincopy to clipboardprint?... //设置地图的范
    成员变量建立outlets的关系(什么?不懂?那就从头学一下xcode吧)。
    

    在类的实现文件(.m)中加入以下代码(方法名自己起吧,我这里起的是initMapView):

    1. - (void) initMapView { 
    2.     MKCoordinateSpan theSpan; 
    3.     //设置地图的范围,越小越精确 
    4.     theSpan.latitudeDelta = 0.02; 
    5.     theSpan.longitudeDelta = 0.02; 
    6.     MKCoordinateRegion theRegion; 
    7.     theRegion.center = [checkinLocation coordinate]; //让地图跳到之前获取到的当前位置checkinLocation 
    8.     theRegion.span = theSpan; 
    9.     [mapView setRegion:theRegion]; 

    然后,你在显示这个View的时候(比如在viewDidLoad函数中)调用initMapView,地图便可以跳到你要显示的位置了。这里关键的函数是setRegion,已经被MKMapView类封装好了。

    至此,你的应用就可以显示地图,并且跳到你设定的任何位置了。是不是特简单?简直简单到我在怀疑我是否有写这篇文章的需要了。不过,废话少说。下面还是来看看如何自定义Annotation吧。

    ===自定义Annotation===

    如果不采取自定义的Annotation,ios默认的是一个图钉的形状,如下图(一个紫色的图钉):


    当然,千里执行始于足下,我们还是首先来看看如何在特定的位置显示以上的默认的小图钉吧。

    第一步:

    先定义一个自己的Annotation的类:

    1. @interface MyMapAnnotation : NSObject<MKAnnotation> { 
    2.     CLLocationCoordinate2D location; 
    3.     NSString *title; 
    4.     NSString *subtitle; 
    5.     NSString *headImage; 
    6.  
    7. @property CLLocationCoordinate2D location; 
    8. @property (nonatomic, copy) NSString *title; 
    9. @property (nonatomic, copy) NSString *subtitle; 
    10. @property (nonatomic, copy) NSString *headImage; 
    11.  
    12. @end 
    从上面代码可以看到,MyMapAnnotation类继承于MKAnnotation。里面包含四个成员变量。其中location保存要显示这个Annotation的位置。其他三个变量对应我们之前那个效果图的几点内容:头像、文字内容。

    这个类的实现文件(.m)文件很简单,就定义好dealloc和init方法就好,这里不再赘述。

    第二步:

    在要显示地图的View类中实现MKMapViewDelegate,并实现viewForAnnotation函数,代码如下:

    1. - (MKAnnotationView *)mapView:(MKMapView *)theMapView viewForAnnotation:(id <MKAnnotation>)annotation { 
    2.     if ([annotation isKindOfClass:[MKUserLocation class]]) 
    3.         return nil; 
    4.     // 处理我们自定义的Annotation 
    5.     if ([annotation isKindOfClass:[MyMapAnnotation class]]) {   
    6.         static NSString* travellerAnnotationIdentifier = @"TravellerAnnotationIdentifier"; 
    7.         MKPinAnnotationView* pinView = (MKPinAnnotationView *) 
    8.         [mapView dequeueReusableAnnotationViewWithIdentifier:travellerAnnotationIdentifier]; 
    9.         if (!pinView) 
    10.         { 
    11.             // if an existing pin view was not available, create one 
    12.             MKAnnotationView* customPinView = [[[MKAnnotationView alloc] 
    13.                                                 initWithAnnotation:annotation reuseIdentifier:travellerAnnotationIdentifier] autorelease]; 
    14.             customPinView.pinColor = MKPinAnnotationColorPurple; 
    15.             customPinView.animatesDrop = YES;  //如果不需要这个从天而降的效果,设置为NO即可。 
    16.             customPinView.canShowCallout = NO; 
    17.             return customPinView; 
    18.         } 
    19.         else 
    20.         { 
    21.             pinView.annotation = annotation; 
    22.         } 
    23.         return pinView; 
    24.     } 
    25.     return nil; 

    这段代码将实现默认的一个图钉的效果。

    细心地你会发现,上面的代码似乎没有涉及到地理位置,那么地图将怎么知道将这个Annotation放到合适的位置呢?稍安勿躁,稍候将会介绍如何设置Annotation的位置,同时设置Annotation的其他内容(还记得Annotation的定义里面有位置信息,还有几项内容信息吧)。

    如果我不喜欢图钉,我想把它换成之前效果图中的笑脸呢?那就把上述代码改成如下:

    1. - (MKAnnotationView *)mapView:(MKMapView *)theMapView viewForAnnotation:(id <MKAnnotation>)annotation { 
    2.     if ([annotation isKindOfClass:[MKUserLocation class]]) 
    3.         return nil; 
    4.     if ([annotation isKindOfClass:[TravellerMapAnnotation class]]) {    
    5.         static NSString* travellerAnnotationIdentifier = @"TravellerAnnotationIdentifier"; 
    6.         MKPinAnnotationView* pinView = (MKPinAnnotationView *) 
    7.         [mapView dequeueReusableAnnotationViewWithIdentifier:travellerAnnotationIdentifier]; 
    8.         if (!pinView) 
    9.         { 
    10.             // if an existing pin view was not available, create one 
    11.             MKAnnotationView* customPinView = [[[MKAnnotationView alloc] 
    12.                                                 initWithAnnotation:annotation reuseIdentifier:travellerAnnotationIdentifier] autorelease];  
    13.             UIImage *image = [UIImage imageNamed:@"smileFace.png"]; 
    14.             customPinView.image = image;  //将图钉变成笑脸。 
    15.             [image release]; 
    16.             return customPinView; 
    17.         } 
    18.         else 
    19.         { 
    20.             pinView.annotation = annotation; 
    21.         } 
    22.         return pinView; 
    23.     } 
    24.     return nil; 


    从上述代码看出,也就是将定义pinColor的代码段去掉,换成设置image的代码:customPinView.image = image.

    同样很简单吧。哎,我还有没有写下去的必要呢。(画外音:废话少说!!!)

    第三步:

    正如之前的疑问,哪里定义Annotation的地理位置以及其他内容呢?不仅仅如此,还有,怎么让用户点击笑脸(或者图钉)之后,弹出一个标签,显示定义好的内容呢。下面我们先看看最后一个问题,怎么让用户点击笑脸(或者图钉)之后,弹出一个标签,显示定义好的内容呢?

    还是上面那段代,将它进一步改成:

    1. - (MKAnnotationView *)mapView:(MKMapView *)theMapView viewForAnnotation:(id <MKAnnotation>)annotation { 
    2.     if ([annotation isKindOfClass:[MKUserLocation class]]) 
    3.         return nil; 
    4.     if ([annotation isKindOfClass:[TravellerMapAnnotation class]]) {  
    5.         // try to dequeue an existing pin view first 
    6.         static NSString* travellerAnnotationIdentifier = @"TravellerAnnotationIdentifier"; 
    7.         MKPinAnnotationView* pinView = (MKPinAnnotationView *) 
    8.         [mapView dequeueReusableAnnotationViewWithIdentifier:travellerAnnotationIdentifier]; 
    9.         if (!pinView) 
    10.         { 
    11.             // if an existing pin view was not available, create one 
    12.             MKAnnotationView* customPinView = [[[MKAnnotationView alloc] 
    13.                                                 initWithAnnotation:annotation reuseIdentifier:travellerAnnotationIdentifier] autorelease]; 
    14.             customPinView.canShowCallout = YES;  //很重要,运行点击弹出标签 
    15.             UIButton* rightButton = [UIButton buttonWithType:UIButtonTypeDetailDisclosure]; 
    16.             [rightButton addTarget:self 
    17.                             action:@selector(showDetails:)  //点击右边的按钮之后,显示另外一个页面 
    18.                             forControlEvents:UIControlEventTouchUpInside]; 
    19.             customPinView.rightCalloutAccessoryView = rightButton; 
    20.             MyMapAnnotation *travellerAnnotation = (TravellerMapAnnotation *)annotation; 
    21.             UIImageView *headImage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:travellerAnnotation.headImage]]; 
    22.             customPinView.leftCalloutAccessoryView = headImage; //设置最左边的头像 
    23.             [headImage release]; 
    24.             UIImage *image = [UIImage imageNamed:@"smileFace.png"]; 
    25.             customPinView.image = image; 
    26.             customPinView.opaque = YES; 
    27.             [travellerImage release]; 
    28.             return customPinView; 
    29.         } 
    30.         else 
    31.         { 
    32.             pinView.annotation = annotation; 
    33.         } 
    34.         return pinView; 
    35.     } 
    36.     return nil; 
    上面的代码很容易理解(加上我的注释之后),有点objective-C以及cocoa基础的朋友都会看懂。如果你看不懂,拜托,我这里不负责扫盲啊。

    也许你有个疑问,似乎没见到设置文字信息呀。其实,之前自定义的MyMapAnnotation继承自MKAnnotation,所以只要你给一个MyMapAnnotation对象的title和subtitle填上内容之后,它会自动显示,不需要你手动让它显示。

    下面我们就来看看如何添加MyMapAnnotation的内容吧。

    其实这也十分简单,就是创建一个新的MyMapAnnotation,然后往里面添加内容即可。比如:

    1. TravellerMapAnnotation *travellerAnnotation = [[TravellerMapAnnotation alloc] init]; 
    2. travellerAnnotation.location = checkinlocation.coordinate; 
    3. travellerAnnotation.title = [travellerNames objectAtIndex:i]; 
    4. travellerAnnotation.subtitle = [scores objectAtIndex:i]; 
    5. travellerAnnotation.headImage = [headImages objectAtIndex:i]; 

    现在还残留的一个问题是(这是历史遗留的问题,由于某种原因,我们暂时忽略了它。。。!跑题了吧,大叔。。。):

    如何将创建好的一个或者多个甚至成千上万个MyMapAnnotation加入地图并显示它呢。

    这个问题更加简单。加入建立了100个MyMapAnnotations,并且全部存进了一个NSArray中,MyMapAnnotationsArray,那么我们需要做的就十分简单了:

    mapView addAnnotations:MyMapAnnotationsArray

    也就是调用MKMapView的addAnnotations方法将所有创建好的Annotations加进来即可。

    至此(真的是至此了),所有的工作都完成了。调试,便可看到一开头展示的那个效果了。(呼,好累)。

    基础性的技术文章不好写,写得详细太累人,写得简单怕误导别人,sigh。

    展开全文
  • 百度地图(包含丰富的注释说明),简单易懂
  • 在三维地图中展示散点,柱状,所需数据格式为: [ { "name": "海门", "value": [ 121.15, // 经度值 31.89, // 纬度值 "15.58" // 值 ] }, { "name": "鄂尔多斯", "v...

    在三维地图中展示散点图,柱状图,所需数据格式为:

    [
       {
          "name": "海门",
          "value": [
                121.15,  // 经度值
                31.89,   // 纬度值
                "15.58"  // 值
          ]
        },
        {
        "name": "鄂尔多斯",
        "value": [
                109.781327,
                39.608266,
                "139.69"
            ]
         },
        ...
    ]

    相比于普通的折线图,柱状图,多了经纬度两个数据,并且顺序要按照上面的格式。

    示例代码如下:

    <script>
        // 在 main.js 中导入 echarts 数据后将 geoJSON 格式数据模块化并导入
        import china from "../../../assets/js/map/china";
    
        export default {
            name: "relevance",
            data() {
                return {
                    map: {
                        name: 'china',
                        geoData: china,
                        barData: [
                            {
                                "name": "海门",
                                "value": [
                                    121.15,
                                    31.89,
                                    "15.58"
                                ]
                            },
                            {
                                "name": "鄂尔多斯",
                                "value": [
                                    109.781327,
                                    39.608266,
                                    "139.69"
                                ]
                            },
                            {
                                "name": "招远",
                                "value": [
                                    120.38,
                                    37.35,
                                    "58.64"
                                ]
                            },
                            {
                                "name": "舟山",
                                "value": [
                                    122.207216,
                                    29.985295,
                                    "128.86"
                                ]
                            },
                            {
                                "name": "齐齐哈尔",
                                "value": [
                                    123.97,
                                    47.33,
                                    "105.17"
                                ]
                            },
                            {
                                "name": "盐城",
                                "value": [
                                    120.13,
                                    33.38,
                                    "139.22"
                                ]
                            },
                            {
                                "name": "赤峰",
                                "value": [
                                    118.87,
                                    42.28,
                                    "203.44"
                                ]
                            },
                            {
                                "name": "青岛",
                                "value": [
                                    120.33,
                                    36.07,
                                    "22.25"
                                ]
                            },
                            {
                                "name": "乳山",
                                "value": [
                                    121.52,
                                    36.89,
                                    "1.53"
                                ]
                            },
                            {
                                "name": "金昌",
                                "value": [
                                    102.188043,
                                    38.520089,
                                    "163.50"
                                ]
                            },
                            {
                                "name": "泉州",
                                "value": [
                                    118.58,
                                    24.93,
                                    "165.50"
                                ]
                            },
                            {
                                "name": "莱西",
                                "value": [
                                    120.53,
                                    36.86,
                                    "4.35"
                                ]
                            },
                            {
                                "name": "日照",
                                "value": [
                                    119.46,
                                    35.42,
                                    "183.19"
                                ]
                            },
                            {
                                "name": "胶南",
                                "value": [
                                    119.97,
                                    35.88,
                                    "225.25"
                                ]
                            },
                            {
                                "name": "南通",
                                "value": [
                                    121.05,
                                    32.08,
                                    "239.67"
                                ]
                            },
                            {
                                "name": "拉萨",
                                "value": [
                                    91.11,
                                    29.97,
                                    "83.20"
                                ]
                            },
                            {
                                "name": "云浮",
                                "value": [
                                    112.02,
                                    22.93,
                                    "65.07"
                                ]
                            },
                            {
                                "name": "梅州",
                                "value": [
                                    116.1,
                                    24.55,
                                    "57.33"
                                ]
                            },
                            {
                                "name": "文登",
                                "value": [
                                    122.05,
                                    37.2,
                                    "239.74"
                                ]
                            },
                            {
                                "name": "上海",
                                "value": [
                                    121.48,
                                    31.22,
                                    "222.14"
                                ]
                            },
                            {
                                "name": "攀枝花",
                                "value": [
                                    101.718637,
                                    26.582347,
                                    "1.64"
                                ]
                            },
                            {
                                "name": "威海",
                                "value": [
                                    122.1,
                                    37.5,
                                    "104.57"
                                ]
                            },
                            {
                                "name": "承德",
                                "value": [
                                    117.93,
                                    40.97,
                                    "89.68"
                                ]
                            },
                            {
                                "name": "厦门",
                                "value": [
                                    118.1,
                                    24.46,
                                    "187.44"
                                ]
                            },
                            {
                                "name": "汕尾",
                                "value": [
                                    115.375279,
                                    22.786211,
                                    "20.55"
                                ]
                            },
                            {
                                "name": "潮州",
                                "value": [
                                    116.63,
                                    23.68,
                                    "0.65"
                                ]
                            },
                            {
                                "name": "丹东",
                                "value": [
                                    124.37,
                                    40.13,
                                    "130.28"
                                ]
                            },
                            {
                                "name": "太仓",
                                "value": [
                                    121.1,
                                    31.45,
                                    "121.39"
                                ]
                            },
                            {
                                "name": "曲靖",
                                "value": [
                                    103.79,
                                    25.51,
                                    "14.88"
                                ]
                            },
                            {
                                "name": "烟台",
                                "value": [
                                    121.39,
                                    37.52,
                                    "121.27"
                                ]
                            },
                            {
                                "name": "福州",
                                "value": [
                                    119.3,
                                    26.08,
                                    "184.00"
                                ]
                            },
                            {
                                "name": "瓦房店",
                                "value": [
                                    121.979603,
                                    39.627114,
                                    "116.61"
                                ]
                            },
                            {
                                "name": "即墨",
                                "value": [
                                    120.45,
                                    36.38,
                                    "187.95"
                                ]
                            },
                            {
                                "name": "抚顺",
                                "value": [
                                    123.97,
                                    41.97,
                                    "10.57"
                                ]
                            },
                            {
                                "name": "玉溪",
                                "value": [
                                    102.52,
                                    24.35,
                                    "121.36"
                                ]
                            },
                            {
                                "name": "宁波",
                                "value": [
                                    121.56,
                                    29.86,
                                    "36.48"
                                ]
                            },
                            {
                                "name": "湛江",
                                "value": [
                                    110.359377,
                                    21.270708,
                                    "135.09"
                                ]
                            },
                            {
                                "name": "揭阳",
                                "value": [
                                    116.35,
                                    23.55,
                                    "137.86"
                                ]
                            },
                            {
                                "name": "荣成",
                                "value": [
                                    122.41,
                                    37.16,
                                    "15.25"
                                ]
                            },
                            {
                                "name": "连云港",
                                "value": [
                                    119.16,
                                    34.59,
                                    "73.75"
                                ]
                            },
                            {
                                "name": "葫芦岛",
                                "value": [
                                    120.836932,
                                    40.711052,
                                    "37.38"
                                ]
                            },
                            {
                                "name": "常熟",
                                "value": [
                                    120.74,
                                    31.64,
                                    "162.67"
                                ]
                            },
                            {
                                "name": "东莞",
                                "value": [
                                    113.75,
                                    23.04,
                                    "31.43"
                                ]
                            },
                            {
                                "name": "河源",
                                "value": [
                                    114.68,
                                    23.73,
                                    "147.16"
                                ]
                            },
                            {
                                "name": "淮安",
                                "value": [
                                    119.15,
                                    33.5,
                                    "108.24"
                                ]
                            },
                            {
                                "name": "泰州",
                                "value": [
                                    119.9,
                                    32.49,
                                    "89.12"
                                ]
                            },
                            {
                                "name": "南宁",
                                "value": [
                                    108.33,
                                    22.84,
                                    "194.25"
                                ]
                            },
                            {
                                "name": "营口",
                                "value": [
                                    122.18,
                                    40.65,
                                    "151.84"
                                ]
                            },
                            {
                                "name": "惠州",
                                "value": [
                                    114.4,
                                    23.09,
                                    "157.63"
                                ]
                            },
                            {
                                "name": "江阴",
                                "value": [
                                    120.26,
                                    31.91,
                                    "49.53"
                                ]
                            },
                            {
                                "name": "蓬莱",
                                "value": [
                                    120.75,
                                    37.8,
                                    "170.02"
                                ]
                            },
                            {
                                "name": "韶关",
                                "value": [
                                    113.62,
                                    24.84,
                                    "103.18"
                                ]
                            },
                            {
                                "name": "嘉峪关",
                                "value": [
                                    98.289152,
                                    39.77313,
                                    "115.08"
                                ]
                            },
                            {
                                "name": "广州",
                                "value": [
                                    113.23,
                                    23.16,
                                    "181.69"
                                ]
                            },
                            {
                                "name": "延安",
                                "value": [
                                    109.47,
                                    36.6,
                                    "39.61"
                                ]
                            },
                            {
                                "name": "太原",
                                "value": [
                                    112.53,
                                    37.87,
                                    "74.17"
                                ]
                            },
                            {
                                "name": "清远",
                                "value": [
                                    113.01,
                                    23.7,
                                    "80.47"
                                ]
                            },
                            {
                                "name": "中山",
                                "value": [
                                    113.38,
                                    22.52,
                                    "165.03"
                                ]
                            },
                            {
                                "name": "昆明",
                                "value": [
                                    102.73,
                                    25.04,
                                    "91.40"
                                ]
                            },
                            {
                                "name": "寿光",
                                "value": [
                                    118.73,
                                    36.86,
                                    "30.12"
                                ]
                            },
                            {
                                "name": "盘锦",
                                "value": [
                                    122.070714,
                                    41.119997,
                                    "73.11"
                                ]
                            },
                            {
                                "name": "长治",
                                "value": [
                                    113.08,
                                    36.18,
                                    "151.30"
                                ]
                            },
                            {
                                "name": "深圳",
                                "value": [
                                    114.07,
                                    22.62,
                                    "85.18"
                                ]
                            },
                            {
                                "name": "珠海",
                                "value": [
                                    113.52,
                                    22.3,
                                    "183.44"
                                ]
                            },
                            {
                                "name": "宿迁",
                                "value": [
                                    118.3,
                                    33.96,
                                    "88.52"
                                ]
                            },
                            {
                                "name": "咸阳",
                                "value": [
                                    108.72,
                                    34.36,
                                    "166.76"
                                ]
                            },
                            {
                                "name": "铜川",
                                "value": [
                                    109.11,
                                    35.09,
                                    "170.70"
                                ]
                            },
                            {
                                "name": "平度",
                                "value": [
                                    119.97,
                                    36.77,
                                    "199.02"
                                ]
                            },
                            {
                                "name": "佛山",
                                "value": [
                                    113.11,
                                    23.05,
                                    "282.04"
                                ]
                            },
                            {
                                "name": "海口",
                                "value": [
                                    110.35,
                                    20.02,
                                    "27.90"
                                ]
                            },
                            {
                                "name": "江门",
                                "value": [
                                    113.06,
                                    22.61,
                                    "0.57"
                                ]
                            },
                            {
                                "name": "章丘",
                                "value": [
                                    117.53,
                                    36.72,
                                    "134.72"
                                ]
                            },
                            {
                                "name": "肇庆",
                                "value": [
                                    112.44,
                                    23.05,
                                    "291.32"
                                ]
                            },
                            {
                                "name": "大连",
                                "value": [
                                    121.62,
                                    38.92,
                                    "170.05"
                                ]
                            },
                            {
                                "name": "临汾",
                                "value": [
                                    111.5,
                                    36.08,
                                    "16.74"
                                ]
                            },
                            {
                                "name": "吴江",
                                "value": [
                                    120.63,
                                    31.16,
                                    "0.45"
                                ]
                            },
                            {
                                "name": "石嘴山",
                                "value": [
                                    106.39,
                                    39.04,
                                    "39.85"
                                ]
                            },
                            {
                                "name": "沈阳",
                                "value": [
                                    123.38,
                                    41.8,
                                    "88.51"
                                ]
                            },
                            {
                                "name": "苏州",
                                "value": [
                                    120.62,
                                    31.32,
                                    "138.03"
                                ]
                            },
                            {
                                "name": "茂名",
                                "value": [
                                    110.88,
                                    21.68,
                                    "1.07"
                                ]
                            },
                            {
                                "name": "嘉兴",
                                "value": [
                                    120.76,
                                    30.77,
                                    "86.74"
                                ]
                            },
                            {
                                "name": "长春",
                                "value": [
                                    125.35,
                                    43.88,
                                    "289.67"
                                ]
                            },
                            {
                                "name": "胶州",
                                "value": [
                                    120.03336,
                                    36.264622,
                                    "163.97"
                                ]
                            },
                            {
                                "name": "银川",
                                "value": [
                                    106.27,
                                    38.47,
                                    "178.37"
                                ]
                            },
                            {
                                "name": "张家港",
                                "value": [
                                    120.555821,
                                    31.875428,
                                    "7.74"
                                ]
                            },
                            {
                                "name": "三门峡",
                                "value": [
                                    111.19,
                                    34.76,
                                    "50.59"
                                ]
                            },
                            {
                                "name": "锦州",
                                "value": [
                                    121.15,
                                    41.13,
                                    "121.81"
                                ]
                            },
                            {
                                "name": "南昌",
                                "value": [
                                    115.89,
                                    28.68,
                                    "34.12"
                                ]
                            },
                            {
                                "name": "柳州",
                                "value": [
                                    109.4,
                                    24.33,
                                    "185.37"
                                ]
                            },
                            {
                                "name": "三亚",
                                "value": [
                                    109.511909,
                                    18.252847,
                                    "197.35"
                                ]
                            },
                            {
                                "name": "自贡",
                                "value": [
                                    104.778442,
                                    29.33903,
                                    "107.46"
                                ]
                            },
                            {
                                "name": "吉林",
                                "value": [
                                    126.57,
                                    43.87,
                                    "97.36"
                                ]
                            },
                            {
                                "name": "阳江",
                                "value": [
                                    111.95,
                                    21.85,
                                    "77.27"
                                ]
                            },
                            {
                                "name": "泸州",
                                "value": [
                                    105.39,
                                    28.91,
                                    "139.55"
                                ]
                            },
                            {
                                "name": "西宁",
                                "value": [
                                    101.74,
                                    36.56,
                                    "69.94"
                                ]
                            },
                            {
                                "name": "宜宾",
                                "value": [
                                    104.56,
                                    29.77,
                                    "134.79"
                                ]
                            },
                            {
                                "name": "呼和浩特",
                                "value": [
                                    111.65,
                                    40.82,
                                    "133.05"
                                ]
                            },
                            {
                                "name": "成都",
                                "value": [
                                    104.06,
                                    30.67,
                                    "123.40"
                                ]
                            },
                            {
                                "name": "大同",
                                "value": [
                                    113.3,
                                    40.12,
                                    "136.39"
                                ]
                            },
                            {
                                "name": "镇江",
                                "value": [
                                    119.44,
                                    32.2,
                                    "96.29"
                                ]
                            },
                            {
                                "name": "桂林",
                                "value": [
                                    110.28,
                                    25.29,
                                    "188.90"
                                ]
                            },
                            {
                                "name": "张家界",
                                "value": [
                                    110.479191,
                                    29.117096,
                                    "111.39"
                                ]
                            },
                            {
                                "name": "宜兴",
                                "value": [
                                    119.82,
                                    31.36,
                                    "137.82"
                                ]
                            },
                            {
                                "name": "北海",
                                "value": [
                                    109.12,
                                    21.49,
                                    "103.25"
                                ]
                            },
                            {
                                "name": "西安",
                                "value": [
                                    108.95,
                                    34.27,
                                    "18.32"
                                ]
                            },
                            {
                                "name": "金坛",
                                "value": [
                                    119.56,
                                    31.74,
                                    "105.50"
                                ]
                            },
                            {
                                "name": "包头",
                                "value": [
                                    110,
                                    40.58,
                                    "178.70"
                                ]
                            },
                            {
                                "name": "绵阳",
                                "value": [
                                    104.73,
                                    31.48,
                                    "16.58"
                                ]
                            },
                            {
                                "name": "乌鲁木齐",
                                "value": [
                                    87.68,
                                    43.77,
                                    "38.91"
                                ]
                            },
                            {
                                "name": "枣庄",
                                "value": [
                                    117.57,
                                    34.86,
                                    "81.77"
                                ]
                            },
                            {
                                "name": "杭州",
                                "value": [
                                    120.19,
                                    30.26,
                                    "38.59"
                                ]
                            },
                            {
                                "name": "淄博",
                                "value": [
                                    118.05,
                                    36.78,
                                    "195.25"
                                ]
                            },
                            {
                                "name": "鞍山",
                                "value": [
                                    122.85,
                                    41.12,
                                    "56.56"
                                ]
                            },
                            {
                                "name": "溧阳",
                                "value": [
                                    119.48,
                                    31.43,
                                    "53.08"
                                ]
                            },
                            {
                                "name": "库尔勒",
                                "value": [
                                    86.06,
                                    41.68,
                                    "52.77"
                                ]
                            },
                            {
                                "name": "安阳",
                                "value": [
                                    114.35,
                                    36.1,
                                    "36.10"
                                ]
                            },
                            {
                                "name": "开封",
                                "value": [
                                    114.35,
                                    34.79,
                                    "117.89"
                                ]
                            },
                            {
                                "name": "济南",
                                "value": [
                                    117,
                                    36.65,
                                    "3.52"
                                ]
                            },
                            {
                                "name": "德阳",
                                "value": [
                                    104.37,
                                    31.13,
                                    "12.19"
                                ]
                            },
                            {
                                "name": "温州",
                                "value": [
                                    120.65,
                                    28.01,
                                    "19.93"
                                ]
                            },
                            {
                                "name": "九江",
                                "value": [
                                    115.97,
                                    29.71,
                                    "58.70"
                                ]
                            },
                            {
                                "name": "邯郸",
                                "value": [
                                    114.47,
                                    36.6,
                                    "20.10"
                                ]
                            },
                            {
                                "name": "临安",
                                "value": [
                                    119.72,
                                    30.23,
                                    "56.48"
                                ]
                            },
                            {
                                "name": "兰州",
                                "value": [
                                    103.73,
                                    36.03,
                                    "83.20"
                                ]
                            },
                            {
                                "name": "沧州",
                                "value": [
                                    116.83,
                                    38.33,
                                    "184.92"
                                ]
                            },
                            {
                                "name": "秦皇岛",
                                "value": [
                                    119.57,
                                    39.95,
                                    "183.55"
                                ]
                            },
                            {
                                "name": "株洲",
                                "value": [
                                    113.16,
                                    27.83,
                                    "119.30"
                                ]
                            },
                            {
                                "name": "石家庄",
                                "value": [
                                    114.48,
                                    38.03,
                                    "162.88"
                                ]
                            },
                            {
                                "name": "莱芜",
                                "value": [
                                    117.67,
                                    36.19,
                                    "76.49"
                                ]
                            },
                            {
                                "name": "常德",
                                "value": [
                                    111.69,
                                    29.05,
                                    "96.75"
                                ]
                            },
                            {
                                "name": "保定",
                                "value": [
                                    115.48,
                                    38.85,
                                    "147.20"
                                ]
                            },
                            {
                                "name": "湘潭",
                                "value": [
                                    112.91,
                                    27.87,
                                    "94.44"
                                ]
                            },
                            {
                                "name": "金华",
                                "value": [
                                    119.64,
                                    29.12,
                                    "73.20"
                                ]
                            },
                            {
                                "name": "岳阳",
                                "value": [
                                    113.09,
                                    29.37,
                                    "155.71"
                                ]
                            },
                            {
                                "name": "长沙",
                                "value": [
                                    113,
                                    28.21,
                                    "16.62"
                                ]
                            },
                            {
                                "name": "衢州",
                                "value": [
                                    118.88,
                                    28.97,
                                    "88.71"
                                ]
                            },
                            {
                                "name": "廊坊",
                                "value": [
                                    116.7,
                                    39.53,
                                    "192.47"
                                ]
                            },
                            {
                                "name": "菏泽",
                                "value": [
                                    115.480656,
                                    35.23375,
                                    "32.10"
                                ]
                            },
                            {
                                "name": "合肥",
                                "value": [
                                    117.27,
                                    31.86,
                                    "135.54"
                                ]
                            },
                            {
                                "name": "武汉",
                                "value": [
                                    114.31,
                                    30.52,
                                    "193.31"
                                ]
                            },
                            {
                                "name": "大庆",
                                "value": [
                                    125.03,
                                    46.58,
                                    "87.32"
                                ]
                            }
                        ],
                        scatterData : [
                            {
                                "name": "阳泉",
                                "value": [
                                    113.57,
                                    37.85,
                                    "103.79"
                                ]
                            },
                            {
                                "name": "莱州",
                                "value": [
                                    119.942327,
                                    37.177017,
                                    "142.08"
                                ]
                            },
                            {
                                "name": "湖州",
                                "value": [
                                    120.1,
                                    30.86,
                                    "67.31"
                                ]
                            },
                            {
                                "name": "汕头",
                                "value": [
                                    116.69,
                                    23.39,
                                    "60.05"
                                ]
                            },
                            {
                                "name": "昆山",
                                "value": [
                                    120.95,
                                    31.39,
                                    "60.35"
                                ]
                            },
                            {
                                "name": "张家口",
                                "value": [
                                    114.87,
                                    40.82,
                                    "113.04"
                                ]
                            }
                        ]
                    }
                }
            },
            methods: {
                initMap() {
                    this.$echarts.registerMap(this.map.name, this.map.geoData);
                    let map = this.$echarts.init(this.$refs[this.chartId]);
                    let option = {
                        title: {
                            text: '三维地图(三维柱状图、散点图)示例',
                            left: 'center',
                            top: "100",
                            textStyle: {
                                color: '#000',
                                fontSize: 20
                            }
                        },
                        tooltip: {
                            show: true,
                            formatter:(params)=>{
                              return params.name + "<br/>"+"值:"+ params.value[2]+"<br/>"+"地理坐标:[" + params.value[0]+","+params.value[1] +"]";
                            },
                        },
                        visualMap: [
                            {
                                type: 'continuous',
                                seriesIndex: 0,
                                text: ['bar3D'],
                                calculable: true,
                                max: 300,
                                inRange: {
                                    color: ['orange', '#d94608']
                                },
                                left: 500,
                                bottom : 80,
                            },
                            {
                                type: 'continuous',
                                seriesIndex: 1,
                                text: ['scatter3D'],
                                max: 100,
                                calculable: true,
                                inRange: {
                                    color: ['lightgreen', '#068531']
                                },
                                left : 1300,
                                bottom : 80,
                            }
                        ],
                        geo3D: {
                            map: this.map.name,
                            roam: true,
                            itemStyle: {
                                color: '#507acc',
                                opacity: 1,
                                borderWidth: 0.4,
                                borderColor: '#FFF'
                            },
                            label: {
                                show: true,
                                textStyle: {
                                    color: '#000', //地图初始化区域字体颜色
                                    fontSize: 8,
                                    opacity: 1,
                                    backgroundColor: 'rgba(0,23,11,0)'
                                },
                            },
                            emphasis: { //当鼠标放上去  地区区域是否显示名称
                                label: {
                                    show: true,
                                    textStyle: {
                                        color: '#fff',
                                        fontSize: 3,
                                        backgroundColor: 'rgba(0,23,11,0)'
                                    }
                                }
                            },
                            //shading: 'lambert',
                            light: { //光照阴影
                                main: {
                                    color: '#fff', //光照颜色
                                    intensity: 1.2, //光照强度
                                    //shadowQuality: 'high', //阴影亮度
                                    shadow: false, //是否显示阴影
                                    alpha: 55,
                                    beta: 10
                                },
                                ambient: {
                                    intensity: 0.3
                                }
                            }
                        },
                        series: [
                            {
                            name: 'bar3D',
                            type: "bar3D",
                            coordinateSystem: 'geo3D',
                            barSize: 1, //柱子粗细
                            shading: 'lambert',
                            opacity: 1,
                            bevelSize: 0.3,
                            label: {
                                show: false,
                                formatter: '{b}'
                            },
                            data: this.map.barData,
                            },
                            {
                                name: 'scatter3D',
                                type: "scatter3D",
                                coordinateSystem: 'geo3D',
                                symbol: 'pin',
                                symbolSize: 30,
                                opacity: 1,
                                label: {
                                    show: false,
                                    formatter: '{b}'
                                },
                                itemStyle: {
                                    borderWidth: 0.5,
                                    borderColor: '#fff'
                                },
                                data: this.map.scatterData,
                            }]
                    };
                    map.setOption(option, true);
                },
    
            },
            computed: {
                chartId() {
                    return "chart_Id_by_Wheel_" + new Date().getTime();
                },
    
            },
            mounted() {
                this.initMap();
            }
        }
    </script>
    

    效果图:

    展开全文
  • 黑曜石 使用传单生成一个交互式地图,其中所有链接了地理/时间标签的注释均已注释并显示在地图上 例子
  • ![图片说明](https://img-ask.csdn.net/upload/201512/22/1450767703_80854.png) 我的大头针注释不能同时显示,必须点击哪个哪个显示,各位做别的地图时候有遇见过并解决的没
  • android studio百度地图例子(大量注释哦),本人菜鸟,注释多,理解,android studio可直接运行
  • 从具有注释错误的众包样本构建室内无线电地图
  • Matlab 画地图时搞定经纬度注释 函数

    千次阅读 2020-08-24 21:02:26
    %% 此函数用来搞定画地图时,经纬度坐标注释 % 输入: % XArray:经度数组 % YArray:纬度数组 % d: 显示几个数 % 输出: % x: 经度数组,数字 % x1: 经度数组,字符 % y: 纬度数组,数字 % y1: 纬度数组,字符...
  • 1. 添加到map view的子视图不会随地图的移动而移动,map view会固定其子视图的位置。如果要添加随着地图移动的子视图,可以使用annotations和overlays。annotation用来显示由一个经纬度定义的位置,而overlay则是由...
  • echarts3 重庆地图经纬度数据(附加带注释涟漪效果option),分为大屏1920*768及笔记本电脑1366*768两套经纬度数据,其中mapDemo中仅包含option设置。
  • 2D地图图表效果如下: 具体代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;2D地图示例&...
  • 由于开发需要,简单学习了基于百度地图的GPS定位,实现了获取当地经纬度及详细地址。并附有官方demo。需要注意的是,必须先注册百度开发者账号,( http://developer.baidu.com),然后获取API Key 。将获得的API ...
  • <meta-data android:name="com.amap.api.v2.apikey" android:value="您的key,具体可参考上一篇博客,获取key"> </meta-data> <service android:name="com.amap.api.location.APSService" />
  • 客户端和服务端的源代码都有,注释都有,都是java开发的,服务端用eclipse,客户端androidstudio工具。数据库mysql或mariadb都可以 基于地图的附近购物平台,用户可以用微信登录,每个用户都可以发布产品,别人能在...
  • 百度地图添加标注并每个标注对应不同信息源码带注释

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 28,873
精华内容 11,549
关键字:

地图注释图