`
桥下一粒砂
  • 浏览: 209642 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

类似HTML map标签功能的Android组件

阅读更多

Android Image Map

一个类似HTML map标签功能的Android组件。可以实现HTML里图片热点映射。

An android view like html map tag.

项目地址

 https://github.com/chenyoca/android-image-map

项目结构

此项目是在Android Stdio IDE中创建的,其目录结构与Eclipse很不同。如果使用Eclipse打开,需要把路径设置到 ...../ImageMap/src/main 里。

截图

![ScreenShot](https://github.com/chenyoca/ImageMap/ScreenShot.png)

特点

 * 支持图像缩放和拖动。图中色块覆盖的区域为图片热点。图像缩放和拖动时,这些热点区域也会跟着缩放和移动。

 * 支持 Circle,Rect,Poly 三种形状。对应的类为 CircleShape, RectShape, PolyShape。向ImageMap对象中添加即可。

 * 支持纯生HTML map数据,可以直接把HTML Map生成的coords数据直接设置到Shape中。

 * 支持Bitmap对象,res目录下的drawable文件等数据来源。

 * 在代码中创建或者XML中布局。

## 使用

详细代码见MainActivity.java文件。

```java

//取得在XML中布局的ImageMap对象,并设置图片

ImageMap map = (ImageMap) findViewById(R.id.imagemap);
    Bitmap bitmap = BitmapFactory.decodeResource(getResources(),R.drawable.pink_girl,new BitmapFactory.Options());
    map.setMapBitmap(bitmap);

// 设置Shape被点击时的监听
// 注意:同一时刻只有一个Shape被监听点击
map.setOnShapeClickListener(new ShapeExtension.OnShapeClickListener() {
    @Override
    public void onShapeClick(Shape shape, float xOnImage, float yOnImage) {
        String msg = "Shape "+shape.tag+" clicked !";
        Toast.makeText(MainActivity.this,msg,Toast.LENGTH_SHORT).show();
    }
});

// 圆形
// "black"是唯一标识这个Shape的字符串,不可重复。
Shape black = new CircleShape("black", Color.BLACK);
black.setValues(633,122,15);
map.addShape(black);

// 矩形
Shape black = new CircleShape("black", Color.BLACK);
black.setValues(633,122,15);
map.addShape(black);

// 多边形
Shape black = new CircleShape("black", Color.BLACK);
black.setValues(633,122,15);
map.addShape(black);

```

分享到:
评论

相关推荐

    html map 标签使用

    `<map>`标签非常适合制作地图导航功能,例如在一个大型网站的地图上标注各个入口或位置,用户可以通过点击这些标注直接访问相应页面。 ##### 4.2 图像热点 在电子商务网站中,经常会在商品展示图上使用`<map>`标签...

    android google map 应用

    在Android平台上,Google Map应用是开发地图集成的重要组成部分,它为开发者提供了丰富的API和服务,使得在移动设备上实现地图展示、定位、导航等功能变得轻松易行。本篇将深入探讨如何在Android应用中使用Google ...

    ex_map.rar_android_android mapa_android mapapi_ex_map_google ear

    Android MapAPI是Google提供的一种服务,它允许开发者在Android应用中集成交互式地图功能。MapAPI提供了丰富的功能,如地图显示、定位、路线规划、地理编码(地址转换为经纬度)和反地理编码(经纬度转换为地址)。...

    微信小程序使用map组件实现检索(定位位置)周边的POI功能示例

    本文实例讲述了微信小程序使用map组件实现检索(定位位置)周边的POI功能。分享给大家供大家参考,具体如下: 声明 bug: 页面顶部分类【汽车服务、汽车销售等】列表和页脚的详细地址在真机测试是会出现不显示问题? ...

    google map for android

    知识点:集成Google Maps API到Android应用 在深入探讨如何在Android应用中集成Google Maps API之前,我们先了解一些基础知识。 **Google Maps Android API概述** Google Maps Android API是Google提供的一套工具...

    Android中MapApp代码段

    在Android开发中,Map应用是常见的功能之一,用于展示地理位置信息和进行导航。这个"Android中MapApp代码段"很可能是包含了一个简单的Android应用程序,它使用Google Maps API来显示地图。接下来,我们将深入探讨...

    google-Map.zip_android_android google map_android map_google map

    在Android开发中,集成Google Maps服务是一个常见的需求,可以为应用程序提供丰富的地图功能。本教程主要围绕"google-Map.zip"这个压缩包,探讨如何在Android应用中使用Google Maps API,实现一个Android客户端的...

    android google map 导航

    在Android平台上实现Google Map导航功能,需要利用Google Maps Android API v2。自2013年起,API进行了重大更新,导致旧版本的一些类不再适用。本文将详细介绍如何使用最新的API来实现位置获取、通过地名获取经纬度...

    微信小程序map组件

    微信小程序的Map组件是开发微信小程序时不可或缺的一部分,它允许开发者在小程序中集成地图功能,为用户提供地理位置服务。本文将详细介绍如何使用微信开发者工具来实现Map组件,并探讨相关的技术细节和应用场景。 ...

    AndroidMap

    【AndroidMap】是一个关于在Android平台上开发地图应用的专题,主要涉及如何集成地图SDK、实现地图功能以及优化地图性能等方面的知识。在这个项目中,开发者可能使用了如Google Maps API、高德地图API或其他第三方...

    HTML map标签

    博文链接提供的资源可能是一个关于如何使用`<map>`标签的实际示例,其中`city_map.gif`可能是包含不同城市区域的静态图像,而`a.html`可能是包含`<map>`标签代码的HTML页面。下面将详细解释`<map>`标签及其相关知识...

    Html image 标签 配合 map使用

    配合`<map>`标签使用,可以实现图像映射的功能,即在图像上定义可点击的区域,这对于创建交互式的图像或者图像地图非常有用。这种技术允许用户通过点击图像的不同部分触发不同的事件或导航到不同的页面。 首先,...

    jquery开发的地图热点特效-map标签

    【jQuery开发的地图热点特效——Map标签详解】 在Web开发中,地图热点特效是一种常见的交互功能,它可以增强用户体验,使用户能够点击地图上的特定区域获取更多信息或执行特定操作。本篇文章将深入探讨如何利用...

    android google map example

    总之,Android Google Map Example展示了如何在Android应用中集成Google Maps服务,包括获取API密钥、设置权限、添加MapView组件以及处理地图的生命周期。通过这些基础知识,开发者可以构建出功能丰富的地图应用,...

    android map的使用

    ### Android Map API 使用详解 #### 一、准备工作 在深入探讨如何使用Android Map API之前,首先需要做一些必要的准备工作。这包括获取API密钥、创建基于Google APIs的Android虚拟设备(AVD)、创建工程项目以及安装...

    android 组件弄成图片

    本文将深入探讨如何实现这一功能,同时结合“zxing”库来生成二维码,以达成“android组件弄成图片”的目标。 首先,我们需要了解Android中的截图功能。Android提供了一个名为`View.draw()`的方法,它能将指定视图...

    android map

    "Android Map"是指利用Google Maps API或者其他的地图服务提供商在Android应用中集成地图展示、位置定位、导航等功能的技术。本篇文章将深入探讨Android地图开发的关键知识点。 1. **Google Maps API**: Google ...

    react-native-amap, 针对 iOS + Android响应本机AMap组件.zip

    react-native-amap, 针对 iOS + Android响应本机AMap组件 react-native-amap针对 iOS + Android响应本机AMap组件react-native-amap-view是由react-native-maps激发的amap库的包装器,它可以在安卓和iOS中使用##Demo

    Baidu_map-Android.zip_android_android baidu map_baidu map androi

    在Android平台上,百度地图API为开发者提供了一个强大的工具,用于集成地图功能到自己的应用程序中。这份"百度地图Android应用开发指南"文档详细介绍了如何利用百度地图SDK进行Android应用的开发,特别适合初学者...

Global site tag (gtag.js) - Google Analytics