<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Customize keyboard navigation ? in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/customize-keyboard-navigation/m-p/235021#M21895</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;The &lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#sceneview-navigation"&gt;key bindings&lt;/A&gt; used for navigation with the JS API are specific to ArcGIS.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;It seems like most other platform (Google Earth, Google Maps, Cesium, ...) use Shift + Left click to rotate the view around the camera center. The only way to do that with the JS API is right click + drag at least when the device has no touch screen.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Rotating becomes a pain when you only have a touchpad.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;It would be super nice to be able to override the key bindings to add custom ones.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Is there any plan ?&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks for this great API.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Thu, 10 Sep 2020 14:40:54 GMT</pubDate>
    <dc:creator>VictorBerchet</dc:creator>
    <dc:date>2020-09-10T14:40:54Z</dc:date>
    <item>
      <title>Customize keyboard navigation ?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/customize-keyboard-navigation/m-p/235021#M21895</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;The &lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#sceneview-navigation"&gt;key bindings&lt;/A&gt; used for navigation with the JS API are specific to ArcGIS.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;It seems like most other platform (Google Earth, Google Maps, Cesium, ...) use Shift + Left click to rotate the view around the camera center. The only way to do that with the JS API is right click + drag at least when the device has no touch screen.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Rotating becomes a pain when you only have a touchpad.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;It would be super nice to be able to override the key bindings to add custom ones.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Is there any plan ?&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks for this great API.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 10 Sep 2020 14:40:54 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/customize-keyboard-navigation/m-p/235021#M21895</guid>
      <dc:creator>VictorBerchet</dc:creator>
      <dc:date>2020-09-10T14:40:54Z</dc:date>
    </item>
    <item>
      <title>Re: Customize keyboard navigation ?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/customize-keyboard-navigation/m-p/235022#M21896</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;For now I have solved my problem using the following code:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;DIV style="color: #d4d4d4; background-color: #1e1e1e; font-weight: normal; font-size: 12px;"&gt;&lt;DIV&gt;&lt;SPAN style="color: #d4d4d4;"&gt; &lt;/SPAN&gt;&lt;SPAN style="font-size: 15px;"&gt;&lt;SPAN style="color: #569cd6;"&gt;const&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt; toggle = view.ui.find(&lt;/SPAN&gt;&lt;SPAN style="color: #ce9178;"&gt;'navigation-toggle'&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt;) &lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;as&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt; NavigationToggle;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;BR /&gt;&lt;DIV&gt;&lt;SPAN style="font-size: 15px;"&gt;&lt;SPAN style="color: #d4d4d4;"&gt; view.on(&lt;/SPAN&gt;&lt;SPAN style="color: #ce9178;"&gt;'key-down'&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt;, (e) &lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;=&amp;gt;&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt; {&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="font-size: 15px;"&gt;&lt;SPAN style="color: #d4d4d4;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;if&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt; (e.key == &lt;/SPAN&gt;&lt;SPAN style="color: #ce9178;"&gt;'Control'&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt; &amp;amp;&amp;amp; !e.repeat) {&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #d4d4d4; font-size: 15px;"&gt; toggle.toggle();&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #d4d4d4; font-size: 15px;"&gt; }&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #d4d4d4; font-size: 15px;"&gt; });&lt;/SPAN&gt;&lt;/DIV&gt;&lt;BR /&gt;&lt;DIV&gt;&lt;SPAN style="font-size: 15px;"&gt;&lt;SPAN style="color: #d4d4d4;"&gt; view.on(&lt;/SPAN&gt;&lt;SPAN style="color: #ce9178;"&gt;'key-up'&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt;, (e) &lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;=&amp;gt;&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt; {&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="font-size: 15px;"&gt;&lt;SPAN style="color: #d4d4d4;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;if&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt; (e.key == &lt;/SPAN&gt;&lt;SPAN style="color: #ce9178;"&gt;'Control'&lt;/SPAN&gt;&lt;SPAN style="color: #d4d4d4;"&gt;) {&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #d4d4d4; font-size: 15px;"&gt; toggle.toggle();&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #d4d4d4; font-size: 15px;"&gt; }&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #d4d4d4; font-size: 15px;"&gt; });&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 15 Sep 2020 15:15:12 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/customize-keyboard-navigation/m-p/235022#M21896</guid>
      <dc:creator>VictorBerchet</dc:creator>
      <dc:date>2020-09-15T15:15:12Z</dc:date>
    </item>
  </channel>
</rss>

