react arcgis專案建立

2021-10-18 01:23:22 字數 1736 閱讀 3776

1.首先建立react專案:(這裡使用了typescript,如果不需要則去掉–template typescript):

這裡介紹第二種和第三種

1.安裝@esri/react-arcgis

npm install @esri/react-arcgis
2.安裝esri-loader

npm install esri-loader
3.使用:

import react,

from

'react'

;import

from

'esri-loader'

import

'./fristarc.css'

export

default

class

firstarc

extends

component);

newmapview()

;})}

render()

}

注意要給id為fristarc的div設定高度否則不會展示,另外需要在index.html中引入:

rel=

"stylesheet"

href

="">

import react from

'react'

;import firstarc from

'./components/firstarc/firstarc'

import

;function()

export

1.安裝 @arcgis/core

npm install @arcgis/core
2.copy assets:需要將api需要的資源如image複製到public中,可以在package.json中加入copy命令,參考官網:

}

3.使用:

在index.js中引入css:

import

'@arcgis/core/assets/esri/themes/dark/main.css'

;

import react from

'react'

;import map from

'@arcgis/core/map'

;import mapview from

'@arcgis/core/views/mapview'

;import

;export

default

class

extends

react.component);

newmapview()

;}render()

}>

<

/div>)}

}

效果:

如果沒有放大縮小按鈕、footer等,看看是否引入了css

django專案(建立專案)

django admin startproject django demo 在專案中的settings.py中註冊應用 django.contrib.admin django.contrib.auth django.contrib.contenttypes django.contrib.sessio...

Django 建立專案

c python27 scripts python django admin.py startproject sit c python27 scripts dir 驅動器 d 中的卷是 程式 卷的序列號是 6e32 1e04 c python27 scripts 的目錄 2011 04 13 11 ...

nodejs建立專案

首先,要安裝express和ejs或jade模組。npm install g express npm install g ejs 其次,安裝mysql,stylus,jquery等模組。在開發室,npm應安裝到指定專案資料夾中。這時不要加 g。在指定目錄下安裝,便會安裝到該目錄下。express命令...