三个任务
- index.html - 主 HTML 文件
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Leaflet JS Bin</title> | |
| </head> | |
| <body> | |
| <div id='map'></div> |
| import 'package:flutter/material.dart'; | |
| import 'package:english_words/english_words.dart'; | |
| void main() => runApp(MyApp()); | |
| class MyApp extends StatelessWidget { | |
| @override | |
| Widget build(BuildContext context) { | |
| // final wordPair = WordPair.random(); |
| /* | |
| * @Author: hijiangtao ([email protected]) | |
| * @Date: 2019-01-11 15:00:17 | |
| * @Description: A Layer based on ScatterplotLayer, which enable point fade-out animation on Scatterplot. | |
| * @Color schema: [255,0,0] to [255,140,0] | |
| * @Last Modified time: 2019-01-11 15:00:38 | |
| */ | |
| import {ScatterplotLayer, CompositeLayer} from 'deck.gl'; |
| import React, {Component} from 'react'; | |
| import {render} from 'react-dom'; | |
| import {StaticMap} from 'react-map-gl'; | |
| import MapboxLanguage from 'mapbox-gl-language'; | |
| export default class App extends Component { | |
| state = { | |
| viewport: { | |
| longitude: -100, |
| // https://api.dartlang.org/stable/2.1.1/dart-core/num/operator_truncate_divide.html | |
| void main() { | |
| print(5~/3); | |
| } |
| /* global window */ | |
| import React, {Component} from 'react'; | |
| import {render} from 'react-dom'; | |
| import MapGL, {FlyToInterpolator} from 'react-map-gl'; | |
| import DeckGL, {ScatterplotLayer} from 'deck.gl'; | |
| import ControlPanel from './control-panel'; | |
| const MAPBOX_TOKEN = ''; // Set your mapbox token here |
| const BASE_DATASETS = { | |
| airports: { | |
| PKU: { lat: 1, lng: 1, key: 'OKU', count: 1 }, | |
| // ... | |
| } | |
| } | |
| export default BASE_DATASETS; |
| const BASE_DATASETS = { | |
| airports: { | |
| PKU: { lat: 1, lng: 1, key: 'OKU', count: 1 }, | |
| // ... | |
| } | |
| } | |
| export default BASE_DATASETS; |