Latest Contributions by mingleidi

Does anyone integrate arcgis-webpack-plugin with Bootstrap? After I add arcgis-webpack-plugin to web pack, when The page is loading I got an error "jQuery: Module not found ", if I removed arcgis-webpack-plugin, the page is loaded properly. Here's my webpack config: module.exports = { target: 'web', // <=== can be omitted as default is 'web' mode: 'development', entry: { main: ["./css/aqhi.scss", "./Scripts/main.ts"] }, output: { path: path.resolve(__dirname, 'dist') }, resolve: { modules: [ path.resolve(__dirname, "/Scripts"), path.resolve(__dirname, "node_modules/") ], extensions: ['.webpack.js', '.web.js', '.ts', '.tsx', '.js'], alias: { // Force all modules to use the same jquery version. 'jquery': path.join(__dirname, 'node_modules/jquery/src/jquery'), 'moment': path.join(__dirname, 'node_modules/moment/moment.js'), 'datetimepicker': path.join(__dirname, 'node_modules/tempusdominus-bootstrap-4/build/js/tempusdominus-bootstrap-4.min.js') } }, plugins: [ new CleanWebpackPlugin(["dist"]), new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "jquery": "jquery", "windows.jQuery": "jquery", moment: "moment" }), new ArcGISPlugin(), ], module: { rules: [{ test: /\.s?css$/, use: [{ // Adds CSS to the DOM by injecting a `<style>` tag loader: 'style-loader' }, { // Interprets `@import` and `url()` like `import/require()` and will resolve them loader: 'css-loader' }, { // Loader for webpack to process CSS with PostCSS loader: 'postcss-loader', options: { plugins: function() { return [ require('autoprefixer') ]; } } }, { // Loads a SASS/SCSS file and compiles it to CSS loader: 'sass-loader' } ] }, { test: /\.tsx?$/, loader: "ts-loader", options: { transpileOnly: true } }, { test: /\.(png|jpg|ttf|eot|woff|woff2|svg)$/, loader: 'url-loader?limit=10000' }, { test: /\.(ttf|eot|svg)(\?[\s\S]+)?$/, use: 'file-loader', }, { test: /\.(jpe?g|png|gif|svg)$/i, use: [ 'file-loader?name=images/[name].[ext]', 'image-webpack-loader?bypassOnDebug' ] }, { // font-awesome test: /font-awesome\.config\.js/, use: [{ loader: 'style-loader' }, { loader: 'font-awesome-loader' } ] } ] } }; ... View more

I create a client-side graphic layer(as a label layer) and then add graphics with TextSymbol, I need to set halo color to make the label graphic standing out, but it doesn't work. Here's my symbol: this.labelTextSymbol2D = { type: "text", color: "black", haloColor: "dodgerblue", haloSize: "5px", text: "test", font: { size: 14, weight: "bold" }, xoffset: 7, yoffset: 10 }; And I set text and assign to the graphic which is added to the graphic layer: _getStationSymbol (...) {    symbol = this.labelTextSymbol2D;    symbol.text = currentParameterValue; } let symbol = this._getStationSymbol(attributes.CurrentParameterValue, this.selectedParameter, isForLabelLayer), graphic = symbol === null ? null : new Graphic({ geometry: point, attributes: attributes, symbol: symbol }); Can anyone help? Much appreciated, Benjamin ... View more

Hi there, I try to add tooltip on graphics in mouse over event, it works in 2D mapview, but in 3D SceneView, the event object doesn't have screenPoint.native properties(like 2D has), it only has event.screenPoint, which cannot be used for placing my tooltip dialog, since the map view is just part of my web page. Here're my code, I use dijit/place to place tooltip:   _showToolTipDialog(event: any, dialogId: string, tipContent: string, tipStyle: any) { let dialog = registry.byId(dialogId); if (dialog) {    dialog.destroy(); } if (tipStyle) {    dialog = new TooltipDialog({       id: dialogId,       content: tipContent,       style: tipStyle }); } else {    dialog = new TooltipDialog({    id: dialogId,    content: tipContent,    "class": this.config.tooltipDialogStyle }); } dialog.startup(); let x, y; if (event.screenPoint.native) {  // 2d has native coordination    x = event.screenPoint.native.x;    y = event.screenPoint.native.y; } else { // 3d doesn't have native coordination    x = event.screenPoint[0];    y = event.screenPoint[1]; } place.at(dialog.domNode, { x: x, y: y }, ["TL", "BL"], { x: 10, y: 10 }); } Why event is different between 2D and 3D view? Can anyone help? Thanks, Benjamin ... View more

Hi, when my map application is started, many times it gave following errors: init.js:182 GET https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer?f=json net::ERR_CONNECTION_TIMED_OUT this timeout slows down my web map for 22 seconds, below is my time log: Loading completed at 36:30 init.js:182 GET https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer?f=json net::ERR_CONNECTION_TIMED_OUT init.js:327 [] #load() Failed to load layer (title: 'undefined', id: 'undefined') k {name: "request:server", message: "Unable to load https://elevation3d.arcgis.com/arcg…levation3D/Terrain3D/ImageServer?f=json status: 0", details: {…}} b._consoleWriter @ init.js:327 SceneView.js:3364 processor started mapUtils.ts:84 Loading CommunityAqhi at 36:52 Does anyone know to resolve this issue? Is it caused by local firewall? Thanks, Benjamin ... View more

We use arcgis 4.5 and webpack, now I need to choose a test framework for the project, could anyone please advise which one is good, like Mocha or Jamine, or anything else? we had trouble to use intern with webpack so it's not an option. Any advises are much appreciated! Thanks, Benjamin ... View more