弊社の開発者向けクラウド サービス ArcGIS for Developers を使ってこれから開発を始められる方からすでに開発を進めている方まで、開発の参考になるドキュメントやサンプル等のリンクを本リポジトリにて公開しています。
下記に開発ガイドとサンプルへのリンクをまとめています。
<link rel="import" href="../paper-toast/paper-toast.html"> | |
<link rel="import" href="../paper-radio-group/paper-radio-group.html"> | |
<link rel="import" href="../paper-radio-button/paper-radio-button.html"> | |
<link rel="import" href="../core-icon-button/core-icon-button.html"> | |
<link rel="import" href="../core-toolbar/core-toolbar.html"> | |
<link rel="import" href="../core-icons/core-icons.html"> | |
<link rel="import" href="../paper-item/paper-item.html"> | |
<link rel="import" href="../core-menu/core-submenu.html"> | |
<link rel="import" href="../core-item/core-item.html"> | |
<link rel="import" href="../paper-progress/paper-progress.html"> |
<link rel="import" href="../core-icon-button/core-icon-button.html"> | |
<link rel="import" href="../core-toolbar/core-toolbar.html"> | |
<link rel="import" href="../paper-radio-group/paper-radio-group.html"> | |
<link rel="import" href="../paper-radio-button/paper-radio-button.html"> | |
<link rel="import" href="../paper-progress/paper-progress.html"> | |
<link rel="import" href="../paper-tabs/paper-tabs.html"> | |
<link rel="import" href="../paper-tabs/paper-tab.html"> | |
<link rel="import" href="../core-icons/core-icons.html"> | |
<link rel="import" href="../core-icons/iconsets/av-icons.html"> | |
<link rel="import" href="../paper-fab/paper-fab.html"> |
define([ | |
'dojo/_base/declare', | |
'dojo/on', | |
'dojo/dom-class', | |
'dijit/_WidgetBase', | |
'dijit/_TemplatedMixin', | |
'esri/core/watchUtils', | |
'esri/core/Scheduler', | |
'dojo/text!./templates/widget.html', | |
'xstyle/css!./css/widget.css' |
var map = new Map("mapDiv", { | |
basemap: "topo", | |
zoom: 4, | |
center: [139, 35] | |
}); |
var map = new Map({ | |
basemap: "topo" | |
}); | |
var view = new MapView({ | |
container: "viewDiv", | |
map: map, | |
zoom: 4, | |
center: [139, 35] | |
}); |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/> | |
<title>Simple Map</title> | |
<link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css"> | |
<style> | |
html, body, #map { | |
height: 100%; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/> | |
<title>Simple Map</title> | |
<link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css"> | |
<style> | |
html, body, #map { | |
height: 100%; |
弊社の開発者向けクラウド サービス ArcGIS for Developers を使ってこれから開発を始められる方からすでに開発を進めている方まで、開発の参考になるドキュメントやサンプル等のリンクを本リポジトリにて公開しています。
下記に開発ガイドとサンプルへのリンクをまとめています。
ArcGIS for Developers の利用を開始するために新規アカウントを作成する手順を説明します。
ArcGIS for Developers は、Esri 製品を利用して様々なアプリを開発する開発者のための総合ポータルサイトであり、 地図/GIS アプリ開発者のための開発者向けサービスを提供しています。このサイトに開発者としてアカウントを作成することで、開発キット(SDK)をダウンロードして 地図/GIS アプリを開発することができます。
ArcGIS for Developers 開発者向けサービスには、無償プランと有償プランの 2 つのプランがあります。
When writing a React component, you want to target all environments. It is easy to generate a build that will work on the server and browser with Webpack, and as a bonus you can use loaders (like babel-loader for ES6 code).
When you generate this bundle, you should rely on "react"
as an external so it isn't included in the bundle. In all environments this is desired behavior so you don't duplicate "react"
and break it. This is necessary both because it would make a much larger bundle than necessary, but also because React behaves badly when multiple copies are loaded.
If you do this, you'll end up with a UMD shim like:
(function webpackUniversalModuleDefinition(root, factory) {