• Stars
    star
    138
  • Rank 264,508 (Top 6 %)
  • Language
    TypeScript
  • License
    GNU General Publi...
  • Created over 8 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Angular2 component for Baidu map

angular2-baidu-map

NPM version

Baidu-Map module for Angular8

Read full documentation here: documentation

Read code example here: example

Be aware that it is a totally rewrite version, therefore, backward compatibility is not considered

Getting started

npm install angular2-baidu-map

Usage

app.module.ts

import { BrowserModule } from '@angular/platform-browser'
import { NgModule } from '@angular/core'

import { AppComponent } from './app.component'

import { BaiduMapModule } from 'angular2-baidu-map'

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, BaiduMapModule.forRoot({ ak: 'your ak' })],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

app.component.ts

import { Component } from '@angular/core'

import { MapOptions } from 'angular2-baidu-map'

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: []
})
export class AppComponent {
  options: MapOptions

  constructor() {
    this.options = {
      centerAndZoom: {
        lat: 39.920116,
        lng: 116.403703,
        zoom: 16
      },
      enableKeyboard: true
    }
  }
}

app.component.html

<baidu-map [options]="options" style="display: block; width: 550px; height: 350px;"></baidu-map>

For more information, see documentation

LICENSE

GPL License

More Repositories

1

vue-memory-game

A tiny game written in vue. It's inspired by IgorMinar's Memory-Game
Vue
250
star
2

BaiduMapForAngularJS

A baidu-map directive for AngularJS
JavaScript
119
star
3

angular-sweetalert

An angular service which expose sweetalert2 functions in angular way
JavaScript
89
star
4

teams-ubuntu

Microsoft teams for ubuntu platforms
HTML
87
star
5

generator-es6-angular

Yeoman generator for es6 based angular skeleton
JavaScript
74
star
6

fe-interview

Retro ansi terminal for front-end interview questions
JavaScript
66
star
7

unminified-webpack-plugin

Generator un-minified JavaScript files along with minimize.
JavaScript
60
star
8

vscode-favorites

An extension helps developer marking resources as favorite. Therefor, those resources can be easily found at a special view
TypeScript
47
star
9

hosts-high

This is a tiny tool for quick managing hosts file
TypeScript
44
star
10

splash-screen

A simple splash screen
CSS
34
star
11

generator-react-mobx

Yeoman generator for react, with mobx as state machine
JavaScript
33
star
12

gulp-nw-builder

Help developers build their own nw.js apps for different platforms such as win, mac and linux with gulp.
JavaScript
25
star
13

angular-number-picker

A directive used for picking number by using up/down button, instead of typing
JavaScript
23
star
14

selenium-example

An example project of selenium using ChromeWebDriver
Java
20
star
15

baby-raising-plan

The hardcore skills that required by a dad
19
star
16

angular-amap

AngularJS directives for aMaps(高德地图)
JavaScript
18
star
17

jquery-wechat

A jquery plugin which provides handy tools for wechat
HTML
17
star
18

generator-electron-naive

Create desktop app for a website in one minute
JavaScript
16
star
19

js-interview-online

JavaScript测验小工具
TypeScript
16
star
20

jekyll-materiallize

A jekyll blog theme based on materiallize
JavaScript
15
star
21

Sero-cli

Sero-cli is such a command-line-interface, which provides developers a easy way to getting start the web development work.
JavaScript
14
star
22

angular6-memory-game

A tiny game written in angular2. It's inspired by IgorMinar's Memory-Game
TypeScript
14
star
23

vscode-npm-dependency

Update dependencies/devDependencies for specific package.json
TypeScript
11
star
24

electron-awesome

This is an example project to demonstrate some amazing features in electron
TypeScript
11
star
25

express-api-bootstrap

Enhance API writing experience
TypeScript
11
star
26

vscode-git-tags

quick manage tags for a git repo
JavaScript
11
star
27

vue-expand-ball

A damn easy expandable menu without any extra dependency
JavaScript
11
star
28

windtalker

`保密局`,您的私密信息守护者
JavaScript
10
star
29

vscode-gitk

show commit log for selected source code information in an individual view
TypeScript
10
star
30

quiz-legend

This page explains javascript magic in quiz
CSS
8
star
31

react-resso-memory-game

online demo
TypeScript
8
star
32

angular-sweetnotifier

A simple angular notifier
HTML
7
star
33

front-end-slides

A slides tell what front-end is
JavaScript
7
star
34

vscode-mybatisx

MybatisX develop assistant in vscode
TypeScript
7
star
35

generator-ts-angular

Yeoman generator for AngularJS and written in TypeScript
TypeScript
7
star
36

angular-theme-spinner

angular-theme-spinner is used for SPA as loading indicator while data in specific area is loading
CSS
7
star
37

task-runner

Task-runner is a node UI framework for task execution. Developer can only focus on the task logic.
JavaScript
6
star
38

generator-slides

Yeoman Genertator to create new presentations with reveal.js
CSS
6
star
39

react-memory-game

A tiny game written in react. It's inspired by IgorMinar's Memory-Game
TypeScript
6
star
40

technical-meetsup-slides

A collection of meetup slides
HTML
5
star
41

react-format-number

A number input component
JavaScript
5
star
42

loading-indicator

A simple loading indicator
JavaScript
5
star
43

angular2-lesson

Learning by doing! Stop reading docs, try writing something
5
star
44

generator-cli-starter

A starter kit for developing cli with nodejs
JavaScript
4
star
45

safe-reaper

Retrieve property value by specifying an expression but without any null/undefined concern
TypeScript
4
star
46

vue-count-button

A simple vue component that count the clicking times
JavaScript
4
star
47

vscode-git-blamer

Git blame selected source code information in output panel
TypeScript
4
star
48

vscode-esformatter

An esformatter support plugin for vscode
TypeScript
4
star
49

express-vue-ssr

This is a vue-ssr scaffold
JavaScript
4
star
50

timezone-db-producer

producer of timezone database
JavaScript
3
star
51

generator-amd-angular

Yeoman generator for angularjs based application with amd module
JavaScript
3
star
52

template-directory

Copies recursively the files from source directory to destination directory with LoDash's templating method.
JavaScript
3
star
53

vue-router-skeleton

A dead simple webpack + vue-loader setup with vue-router involved
JavaScript
3
star
54

angular-smart-chartist

A handy direcitve for chartist, by which developer can build up their application with a beautiful chart in it
HTML
3
star
55

vscode-string-transformer

A vscode extension helps developer convert es6 template literals into concatenated strings
TypeScript
3
star
56

angularjs-amd-skeleton

A seed project can be forked for web-developer. You would learn how `angularjs` used for organizing complicated application.
JavaScript
3
star
57

angular-autocomplete

Autocomplete directive works for you.
JavaScript
2
star
58

go-txt

Quickly copy file from one place to another. You can customize the copying process, for example: replace words
JavaScript
2
star
59

easy-watch

Super simple dirty checker inspired by vue
JavaScript
2
star
60

angular9-baidu-map-example

Usage of angular2-baidu-map@9
TypeScript
2
star
61

modou-terminal-controller

A terminal UI provides common use of modou-wifi
JavaScript
2
star
62

react-coding-style

config of eslint + prettier, without add any other dependenies
JavaScript
2
star
63

angular-json-pretty

A directive make json object or string printed in human readable way
CSS
2
star
64

sublime-javascript-snippets-plugin

A collection of javascript snippets can be used in sublime text as a plugin
2
star
65

ts-express

This is a TypeScript based express scaffold
TypeScript
1
star
66

gulp-modou-packager

a gulp plugin can package modou plugin source files into .mpk
JavaScript
1
star
67

AngularSlides

A simple slides show for presenting angular basis
JavaScript
1
star
68

just-promiseify

It's a very simple library to convert callback-based flow into Promise style
JavaScript
1
star
69

understand-restful

CSS
1
star
70

post-bird

post-bird is a plus version of postman
JavaScript
1
star
71

angular-template-cache-resolver

A interceptor for solving template cache issue
JavaScript
1
star
72

express-with-vue

A web app skeleton based on express.js + vue
JavaScript
1
star
73

react-do-painting

free painting tool
TypeScript
1
star
74

leftstick.github.io

右领军大都督
HTML
1
star
75

TodoList

A quick demo of react native
JavaScript
1
star
76

angular-slider-easy

An angular slider directive aim to ease the way to build up friendly app
JavaScript
1
star
77

DreamGO_Workbench

This is a repository to store the project DreamGO
JavaScript
1
star
78

javascript-async-history

A slides tell how callback based flow can be improved
CSS
1
star
79

react-lesson

Coding with me in those lessons
JavaScript
1
star
80

webservice-simulator

Webservice-simulator is simple use module, by which you can build up your backend webservice quickly without any help from the backend team/developer.
JavaScript
1
star