精华内容
下载资源
问答
  • 2020-04-29 18:08:10

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

    [
       {
          "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&
    更多相关内容
  • echarts3 重庆地图经纬度数据(附加带注释涟漪效果option),分为大屏1920*768及笔记本电脑1366*768两套经纬度数据,其中mapDemo中仅包含option设置。
  • 集群是一个简单的地图注释集群库。 该存储库使用有效的方法(QuadTree)将引脚聚合到群集中。 产品特点 添加/删除注释 聚类注释 多名经理 动态集群禁用 自定义单元格大小 自定义注释视图 动画支持 要求 iOS ...
  • ArcGIS JS API实现地图场景视频融合的源码,包含测试视频,源码中包含详细注释
  • 最近有粉丝问我能不能出个案例:地图上的地区文字,或其他标示类的图层,因为区块面积相对太小...配置需要铺设的label,value值为坐标点,注释的四个区,需要用连线连接到地图外面,在后面会有单独配置,所以在此label
  • 地图样式 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() 绘制的区域
    展开全文
  • Cluster 简单的地图注释聚类
  • android studio百度地图例子(大量注释.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • 注释的 demo源码,我高德地图API比百度的用起来更舒服些
  • 这个源码详细就是我们常见的在地图中显示注释的功能,源码ADClusterMapView,ADClusterMapView是MKMapView的子类,用来在地图上显示集群注解,当你在一个地图上有多个注解要显示的时候很有用。适用于iOS移动应用。
  • kingpin, 在MKMapView的地图注释集群库中, kingpin一种面向iOS的MKAnnotation集群库。 特性使用 2-d 树,以实现最大性能。无需子类化,使库易于与现有项目集成。安装 CocoaPods要在 Podfile 中获得稳定的发行版,请...
  • android百度地图注释

    2013-04-10 21:14:02
    android百度地图代码注释版,这里我尽可能的把代码注释祥细,让初学者也能看懂!
  • 由于开发需要,简单学习了基于百度地图的GPS定位,实现了获取当地经纬度及详细地址。并附有官方demo。需要注意的是,必须先注册百度开发者账号,( http://developer.baidu.com),然后获取API Key 。将获得的API ...
  • CorelDraw地图文字注释技巧及集中特殊图形的画实用PPT课件.pptx
  • CorelDraw地图文字注释技巧及集中特殊图形的画实用PPT学习教案.pptx
  • 百度地图(包含丰富的注释说明),简单易懂
  • 美国区域地理地图笔记(注释)知识点总结.doc
  • android studio百度地图例子(大量注释哦),本人菜鸟,注释多,理解,android studio可直接运行
  • 1,基础API:apiv1.3.min.js ,有注释可参考; 2,基础CSS: bmap.css ; 3,依赖文件:map,oppc,tile,control,marker; 4,瓦片:maptile; 5,例子:demo.html;用火狐和chrome可直接打开,在IE下还有些问题。 多多...
  • 1.map组件的高度如果想要铺满屏幕,要是使用height:100vh样式 2.获取位置要在app.json中标明权限 3.先使用wx.getLocation获取自己的位置,然后再回调中使用setData方法,赋予数据给前台页面展示标注点 ...
  • 将源地图对象转换为注释 安装 $ npm install source-map-to-comment 用法 const sourceMapToComment = require ( 'source-map-to-comment' ) ; const sourceMap = getSourceMapObjectFromSomething ( ) ; ...
  • 从具有注释错误的众包样本构建室内无线电地图
  • 调用GoogleMap源码,点击事件在注释里面.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • 注释的高德地图API Demo,我感觉地图API就这个用着舒服
  • 百度地图添加标注并每个标注对应不同信息源码带注释
  • 四个项目百度地图使用总结(内含所有代码及注释和相关功能的使用)
  • echarts + 百度地图实现个人轨迹的可视化展示,数据均为模拟。
  • 由于公司需求,自己修改的离线地图API....1.支持使用google地图瓦片(不建议使用,效率不高,缩放级别较高时拖动有些卡顿,建议注释该代码块:overlayTileLayer.getTilesUrl,使用google转baidu的jar转换代码,源码文章:...
  • 1,基础API:apiv1.3.min.js ,有注释可参考; 2,基础CSS: bmap.css ; 3,依赖文件:map,oppc,tile,control,marker; 4,瓦片:maptile; 5,例子:demo.html;用火狐和chrome可直接打开,在IE下还有些问题。 多多...
  • 客户端和服务端的源代码都有,注释都有,都是java开发的,服务端用eclipse,客户端androidstudio工具。数据库mysql或mariadb都可以 基于地图的附近购物平台,用户可以用微信登录,每个用户都可以发布产品,别人能在...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 32,562
精华内容 13,024
关键字:

地图注释图