🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more →

sp-bmap

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

sp-bmap

Common functions for BaiDuMap

latest

npm

Version: 1.0.2

Version published: 8 years ago

Maintainers: 1

Created: 5 years ago

Source

sp-map

Common Map methods

Usage

init
CDN

  <!DOCTYPE html>
  <html lang=en>
  <head>
    <meta charset=UTF-8>
    <meta name=viewport content="width=device-width,initial-scale=1">
    <meta http-equiv=X-UA-Compatible content="ie=edge">
    <title>sp-bmap</title>
    <style>
      #map {
        width: 100vw;
        height: 100vh;
      }
    </style>
  </head>

  <body>
    <div id=map></div>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=DzQo095C0bFagPhpWFXS9aEcIqI0DGfG"></script>
    <script>
    <script src="https://unpkg.com/sp-bmap/dist/index.min.js"></script>
      window.onload = function () {
        var map = __Map.map.init("map");
      }
    </script>
  </body>

  </html>

NPM

npm i sp-bmap //or yarn add sp-bmap


let __Map = require("sp-bmap");

map

init(elementId, [lng = 0, lat =0, zoomLevel = 3])

 __Map.map.init("map", lng, lat, zoomLevel);

center([point = (lng = 0, lat = 0)])

let point = __Map.point(lng, lat);
 __Map.map.center(point);

zoom([zoomLevel = 3])

__Map.map.zoom(12);

scroll([isScroll = true])

__Map.map.scroll(false);

moveTo(lng, lat)

__Map.map.moveTo(106, 26);

point([lng = 0, lat = 0])
```
__Map.point(lng, lat);
```
polygon
egg(radius, [level = 1, lng = 0, lat = 0, options = {}, rotateDegree = 0])

      let map = __Map.map.init("map", 110, 30, 16)
      let marker = new BMap.Marker(__Map.point(104.075277, 30.548096))
      map.addOverlay(marker)

      let polygonOptions = {
        fillColor: '#f00',
        fillOpacity: .3,
        strokeWeight: 1,
        strokeOpacity: .3
      }
      let radius = [100, 300, 800]
      radius.forEach(r=>{
        let egg = __Map.polygon.egg(r, 1, 104.075277, 30.548096, polygonOptions)
        map.addOverlay(egg);
      })

egg

Keywords

baidu

map

FAQs

What is sp-bmap?

Is sp-bmap well maintained?

Package last updated on 12 Dec 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

sp-bmap

sp-map

Usage

init

CDN

NPM

map

point([lng = 0, lat = 0])

polygon

egg(radius, [level = 1, lng = 0, lat = 0, options = {}, rotateDegree = 0])

Keywords

Related posts

Compromised Injective SDK npm Package Exfiltrates Wallet Keys and Mnemonics

npm v12 Ships With Install Scripts Off by Default, Begins Deprecating 2FA-Bypass Tokens