Git Product home page Git Product logo

maptalks.maptool.identifytool's Introduction

maptalks.maptool.identifytool

A IdentifyTool to identify geos within a circular range with variable radius.

Examples

Install

  • Install with npm: npm install maptalks.maptool.identifytool.
  • Install with yarn: yarn add maptalks.maptool.identifytool.
  • Download from dist directory.
  • Use unpkg CDN: https://cdn.jsdelivr.net/npm/maptalks.maptool.identifytool/dist/maptalks.maptool.identifytool.min.js

Usage

As a plugin, maptalks.maptool.identifytool must be loaded after maptalks.js in browsers. You can also use 'import { Identifytool } from "maptalks.maptool.identifytool" when developing with webpack.

<!-- ... -->
<script src="https://cdn.jsdelivr.net/npm/maptalks.maptool.identifytool/dist/maptalks.maptool.identifytool.min.js"></script>
<!-- ... -->
// new IdentifyTool
const identifyTool = new maptalks.IdentifyTool({ layers: [layers] })
// add to map
identifyTool.addTo(map)

// listening identify event
identifyTool.on('identify', (e) => {
  // render identify result
  renderData(e.data)
})

// listening rangechange event
identifyTool.on('rangechange', (e) => {
  // commit after each range change if you want
  identifyTool.submit()
})

API Reference

new maptalks.IdentifyTool(options)
  • options Object options
    • layers Array the layers to perform identify on.
    • filter Function filter function of the result geometries, return false to exclude.
    • count Number limit of the result count.
    • includeInternals Boolean whether to identify internal layers.
    • includeInvisible Boolean whether to identify invisible layers.

setCenter(coordinate) set center, map center by default.

setRadius(radius) set radius of range, options.radiusDefault by default.

submit() trigger once identify.

Contributing

We welcome any kind of contributions including issue reportings, pull requests, documentation corrections, feature requests and any other helps.

Develop

The only source file is index.js.

It is written in ES6, transpiled by babel and tested with mocha and expect.js.

Scripts

  • Install dependencies
$ npm install
  • Watch source changes and generate runnable bundle repeatedly
$ gulp watch
  • Package and generate minified bundles to dist directory
$ gulp minify
  • Lint
$ npm run lint

More Things

maptalks.maptool.identifytool's People

Contributors

cxiaof avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.