<\/A>https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2020\/06\/14\/tutorial-arcgis-api-for-javascript-4x-table-of-contents<\/A><\/P>
clic droit + glisser<\/CODE> avec la souris<\/LI>en appuyant sur les touches A<\/CODE> et D<\/CODE><\/LI><\/OL><\/P>Vous, en tant que développeur, pouvez également utiliser la navigation programmatique en ajustant MapView.rotation<\/A><\/P><\/P>Pour permettre à l'utilisateur de réinitialiser l'orientation de la boussole à 0 (c'est-à-dire avec le nord en haut de la vue), vous devez ajouter un widget Compass<\/A> à la vue. Ce widget indique où se trouve le nord par rapport à la rotation actuelle de la vue. Cliquer sur le widget fait pivoter la vue pour qu'elle soit orientée vers le nord (heading = 0).<\/P><\/P>Ainsi, en un sens, on pourrait dire que vous n'avez besoin de ce widget Compass que lorsque la carte n'est pas orientée vers le nord. Ou, inversement : la plupart du temps, le widget Compass n'est pas nécessaire, car la carte est "correctement" orientée.<\/P><\/P>Dans l'exemple ci-dessous, nous n'ajoutons le Compass que lorsque l'utilisateur fait pivoter la carte (que ce soit par accident ou intentionnellement). Et dès que l'orientation de la boussole a été réinitialisée à 0, nous le retirons à nouveau.<\/P><\/P>Pour vérifier l'orientation de la vue, nous utilisons watchUtils <\/> <\/>comme ceci :<\/> watchUtils.Tutoriel ArcGIS JavaScript - Ajouter le widget Compass uniquement lorsque c'est nécessaire<\/> <\/> <\/> <html>\n <head>\n <meta charset=\"utf-8\" \/>\n <meta name=\"viewport\" content=\"initial-scale=1,maximum-scale=1,user-scalable=no\" \/>\n <title>Tutoriel ArcGIS JavaScript - Ajouter le widget Compass uniquement lorsque c'est nécessaire<\title>\n <link rel=\"stylesheet\" href=\"https:\/\/js.arcgis.com\/4.15/esri/themes/light/main.css\" \/>\n <script src=\"https:\/\/js.arcgis.com\/4.15\"><\script>\n <style>\n html, body, #viewDiv {\n padding: 0;\n margin: 0;\n height: 100%;\n width: 100%;\n }\n <style>\n <script>\n require([\n \"esri/Map\",\n \"esri/views/MapView\",\n \"esri/widgets/Compass\",\n \"esri/core/watchUtils\"\n ], function(Map class="punctuation token">, MapView, Compass, watchUtils) {var map = new Map({ basemap: "national-geographic"});var view = new MapView({ container: "viewDiv", scale: 500000, center: [26.26, 39.17], rotation: 45, map: map});var compassWidget = new Compass({ view: view});// Surveillez la propriété stationary de la vue pour qu'elle devienne vraie afin de vérifier la rotation// Si la rotation est égale à 0 (c'est-à-dire que la carte est orientée vers le Nord), retirez le widget boussole,// sinon ajoutez ce widget watchUtils.whenTrue(view, "stationary", function() {if (view.rotation == 0){ view.ui.remove(compassWidget).; } else { view.ui.add(compassWidget, "top-left"); } }); });
A<\/CODE> et D<\/CODE><\/LI><\/OL><\/P>Vous, en tant que développeur, pouvez également utiliser la navigation programmatique en ajustant MapView.rotation<\/A><\/P><\/P>Pour permettre à l'utilisateur de réinitialiser l'orientation de la boussole à 0 (c'est-à-dire avec le nord en haut de la vue), vous devez ajouter un widget Compass<\/A> à la vue. Ce widget indique où se trouve le nord par rapport à la rotation actuelle de la vue. Cliquer sur le widget fait pivoter la vue pour qu'elle soit orientée vers le nord (heading = 0).<\/P><\/P>Ainsi, en un sens, on pourrait dire que vous n'avez besoin de ce widget Compass que lorsque la carte n'est pas orientée vers le nord. Ou, inversement : la plupart du temps, le widget Compass n'est pas nécessaire, car la carte est "correctement" orientée.<\/P><\/P>Dans l'exemple ci-dessous, nous n'ajoutons le Compass que lorsque l'utilisateur fait pivoter la carte (que ce soit par accident ou intentionnellement). Et dès que l'orientation de la boussole a été réinitialisée à 0, nous le retirons à nouveau.<\/P><\/P>Pour vérifier l'orientation de la vue, nous utilisons watchUtils <\/> <\/>comme ceci :<\/> watchUtils.Tutoriel ArcGIS JavaScript - Ajouter le widget Compass uniquement lorsque c'est nécessaire<\/> <\/> <\/> <html>\n <head>\n <meta charset=\"utf-8\" \/>\n <meta name=\"viewport\" content=\"initial-scale=1,maximum-scale=1,user-scalable=no\" \/>\n <title>Tutoriel ArcGIS JavaScript - Ajouter le widget Compass uniquement lorsque c'est nécessaire<\title>\n <link rel=\"stylesheet\" href=\"https:\/\/js.arcgis.com\/4.15/esri/themes/light/main.css\" \/>\n <script src=\"https:\/\/js.arcgis.com\/4.15\"><\script>\n <style>\n html, body, #viewDiv {\n padding: 0;\n margin: 0;\n height: 100%;\n width: 100%;\n }\n <style>\n <script>\n require([\n \"esri/Map\",\n \"esri/views/MapView\",\n \"esri/widgets/Compass\",\n \"esri/core/watchUtils\"\n ], function(Map class="punctuation token">, MapView, Compass, watchUtils) {var map = new Map({ basemap: "national-geographic"});var view = new MapView({ container: "viewDiv", scale: 500000, center: [26.26, 39.17], rotation: 45, map: map});var compassWidget = new Compass({ view: view});// Surveillez la propriété stationary de la vue pour qu'elle devienne vraie afin de vérifier la rotation// Si la rotation est égale à 0 (c'est-à-dire que la carte est orientée vers le Nord), retirez le widget boussole,// sinon ajoutez ce widget watchUtils.whenTrue(view, "stationary", function() {if (view.rotation == 0){ view.ui.remove(compassWidget).; } else { view.ui.add(compassWidget, "top-left"); } }); });
D<\/CODE><\/LI><\/OL><\/P>Vous, en tant que développeur, pouvez également utiliser la navigation programmatique en ajustant MapView.rotation<\/A><\/P><\/P>Pour permettre à l'utilisateur de réinitialiser l'orientation de la boussole à 0 (c'est-à-dire avec le nord en haut de la vue), vous devez ajouter un widget Compass<\/A> à la vue. Ce widget indique où se trouve le nord par rapport à la rotation actuelle de la vue. Cliquer sur le widget fait pivoter la vue pour qu'elle soit orientée vers le nord (heading = 0).<\/P><\/P>Ainsi, en un sens, on pourrait dire que vous n'avez besoin de ce widget Compass que lorsque la carte n'est pas orientée vers le nord. Ou, inversement : la plupart du temps, le widget Compass n'est pas nécessaire, car la carte est "correctement" orientée.<\/P><\/P>Dans l'exemple ci-dessous, nous n'ajoutons le Compass que lorsque l'utilisateur fait pivoter la carte (que ce soit par accident ou intentionnellement). Et dès que l'orientation de la boussole a été réinitialisée à 0, nous le retirons à nouveau.<\/P><\/P>Pour vérifier l'orientation de la vue, nous utilisons watchUtils <\/> <\/>comme ceci :<\/> watchUtils.Tutoriel ArcGIS JavaScript - Ajouter le widget Compass uniquement lorsque c'est nécessaire<\/> <\/> <\/> <html>\n <head>\n <meta charset=\"utf-8\" \/>\n <meta name=\"viewport\" content=\"initial-scale=1,maximum-scale=1,user-scalable=no\" \/>\n <title>Tutoriel ArcGIS JavaScript - Ajouter le widget Compass uniquement lorsque c'est nécessaire<\title>\n <link rel=\"stylesheet\" href=\"https:\/\/js.arcgis.com\/4.15/esri/themes/light/main.css\" \/>\n <script src=\"https:\/\/js.arcgis.com\/4.15\"><\script>\n <style>\n html, body, #viewDiv {\n padding: 0;\n margin: 0;\n height: 100%;\n width: 100%;\n }\n <style>\n <script>\n require([\n \"esri/Map\",\n \"esri/views/MapView\",\n \"esri/widgets/Compass\",\n \"esri/core/watchUtils\"\n ], function(Map class="punctuation token">, MapView, Compass, watchUtils) {var map = new Map({ basemap: "national-geographic"});var view = new MapView({ container: "viewDiv", scale: 500000, center: [26.26, 39.17], rotation: 45, map: map});var compassWidget = new Compass({ view: view});// Surveillez la propriété stationary de la vue pour qu'elle devienne vraie afin de vérifier la rotation// Si la rotation est égale à 0 (c'est-à-dire que la carte est orientée vers le Nord), retirez le widget boussole,// sinon ajoutez ce widget watchUtils.whenTrue(view, "stationary", function() {if (view.rotation == 0){ view.ui.remove(compassWidget).; } else { view.ui.add(compassWidget, "top-left"); } }); });
<\/P>
Pour permettre à l'utilisateur de réinitialiser l'orientation de la boussole à 0 (c'est-à-dire avec le nord en haut de la vue), vous devez ajouter un widget
Ainsi, en un sens, on pourrait dire que vous n'avez besoin de ce widget Compass que lorsque la carte n'est pas orientée vers le nord. Ou, inversement : la plupart du temps, le widget Compass n'est pas nécessaire, car la carte est "correctement" orientée.<\/P>
Dans l'exemple ci-dessous, nous n'ajoutons le Compass que lorsque l'utilisateur fait pivoter la carte (que ce soit par accident ou intentionnellement). Et dès que l'orientation de la boussole a été réinitialisée à 0, nous le retirons à nouveau.<\/P>
Pour vérifier l'orientation de la vue, nous utilisons
watchUtils.
<html>\n <head>\n <meta charset=\"utf-8\" \/>\n <meta name=\"viewport\" content=\"initial-scale=1,maximum-scale=1,user-scalable=no\" \/>\n <title>Tutoriel ArcGIS JavaScript - Ajouter le widget Compass uniquement lorsque c'est nécessaire<\title>\n <link rel=\"stylesheet\" href=\"https:\/\/js.arcgis.com\/4.15/esri/themes/light/main.css\" \/>\n <script src=\"https:\/\/js.arcgis.com\/4.15\"><\script>\n <style>\n html, body, #viewDiv {\n padding: 0;\n margin: 0;\n height: 100%;\n width: 100%;\n }\n <style>\n <script>\n require([\n \"esri/Map\",\n \"esri/views/MapView\",\n \"esri/widgets/Compass\",\n \"esri/core/watchUtils\"\n ], function(Map class="punctuation token">, MapView, Compass, watchUtils) {var map = new Map({ basemap: "national-geographic"});var view = new MapView({ container: "viewDiv", scale: 500000, center: [26.26, 39.17], rotation: 45, map: map});var compassWidget = new Compass({ view: view});// Surveillez la propriété stationary de la vue pour qu'elle devienne vraie afin de vérifier la rotation// Si la rotation est égale à 0 (c'est-à-dire que la carte est orientée vers le Nord), retirez le widget boussole,// sinon ajoutez ce widget watchUtils.whenTrue(view, "stationary", function() {if (view.rotation == 0){ view.ui.remove(compassWidget).; } else { view.ui.add(compassWidget, "top-left"); } }); });
Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
