Scribble Maps Blog
Notre plus grande mise à jour à ce jour, Mobile et API.
Nous sommes extrêmement enthousiastes (et un peu soulagés) de sortir enfin notre nouvelle version de Scribble Maps. Il y a beaucoup de choses à dire. Nous avons déployé un nouvel <5a href="http://www.scribblemaps.com/create/" target="_blank">éditeur de base ainsi qu'une <5a href="http://www.scribblemaps.com/api/" target="_blank">API complète.
2h2> De Flash à HTML5/Javascript Bien que beaucoup de nos utilisateurs ne comprennent pas forcément ce changement de technologie, ses implications sont très importantes. Passer de Flash à HTML5/Javascript n'a pas été une tâche particulièrement facile, d'autant plus que nous voulions conserver une expérience aussi proche que possible de ce qui a fait le succès de la version originale de Scribble Maps.
We voulions que l'expérience de la nouvelle version soit suffisamment cohérente pour que les gens ne se rendent même pas compte que nous avons pratiquement tout reconstruit à partir de zéro. Des éléments aussi simples que des curseurs personnalisés ont représenté un défi car nous voulions maintenir la compatibilité entre les différents navigateurs. Ainsi, la nouvelle version fonctionne même sur les anciennes versions jusqu'à IE7.
Après l'annonce par Google de l'arrêt du support de la version Flash de leur API Maps, nous avons pris quelques décisions clés car nous devions procéder à une reconstruction complète.
<1ol> <1li>Nous voulions que l'application web fonctionne à la fois sur ordinateur et sur mobile. <1li>Nous voulions concevoir notre propre moteur de rendu afin de pouvoir, si nécessaire, passer à d'autres fournisseurs d'API. <1li>Nous ne voulions enfreindre les conditions d'utilisation d'aucun fournisseur d'API de cartographie. <1li>Nous voulions que cette reconstruction soit centrée sur l'API afin que les développeurs puissent utiliser nos outils de création de cartes dans leurs propres applications.
2h2> Scribble Maps sur Mobile
Cependant, faire fonctionner une application de cartographie est une chose, la rendre exploitable en est une autre. Dans la version de bureau de Scribble Maps, par exemple, vous disposez d'effets de survol (roll overs), ce qui n'est pas le cas sur les tablettes.
2h2>
L'API Scribble Maps
Le dessin dans Scribble Maps fonctionne exactement comme un canvas. Vous pouvez donc définir un style à l'avance et tracer plusieurs lignes qui adopteront toutes ce style. Cela ne s'applique pas seulement aux formes, mais également aux éléments tels que les marqueurs. Il est donc possible de réaliser ce genre de choses.
La relation qu'un utilisateur entretient avec la carte est définie par les outils, et en changeant d'outils, vous modifiez la manière dont l'utilisateur interagit avec la carte.
2h2> API d'images dynamiques L'une des principales utilisations de Scribble Maps est la génération d'images. Cela représentait non seulement un défi de taille pour nous, mais aussi une nouvelle opportunité lors de notre transition pour abandonner Flash. Avec d'autres API cartographiques, il est possible de créer une « image statique ». Le problème de ces API d'images statiques est qu'elles imposent presque toutes des limites sur la quantité de données pouvant figurer sur l'image générée.
Avec Scribble Maps, en revanche, il n'y a aucune restriction. Une fois qu'une carte est enregistrée, une image de cette carte peut être demandée, quelle que soit la quantité de données qu'elle contient. De plus, lorsqu'une carte est enregistrée, l'image précédente est invalidée et un nouveau rendu est généré lors de la demande suivante. Cela vous permet concrètement de créer des liens d'images qui se mettent à jour au fur et à mesure que vous modifiez la carte.
Voici un exemple d'une telle image.
2h2> Nouveau Widget Avec la version 2.0, nous avons également introduit un widget qui propose davantage de commandes d'interface utilisateur. Il s'agit de notre première version et nous l'améliorerons au cours des prochaines semaines.
Liens
<5a href="http://www.scribblemaps.com/api/" target="_blank">API Scribble Maps
<5a href="https://groups.google.com/forum/#!forum/scribblemapsapi" target="_blank">Groupe API Scribble Maps
2h2> De Flash à HTML5/Javascript Bien que beaucoup de nos utilisateurs ne comprennent pas forcément ce changement de technologie, ses implications sont très importantes. Passer de Flash à HTML5/Javascript n'a pas été une tâche particulièrement facile, d'autant plus que nous voulions conserver une expérience aussi proche que possible de ce qui a fait le succès de la version originale de Scribble Maps.
We voulions que l'expérience de la nouvelle version soit suffisamment cohérente pour que les gens ne se rendent même pas compte que nous avons pratiquement tout reconstruit à partir de zéro. Des éléments aussi simples que des curseurs personnalisés ont représenté un défi car nous voulions maintenir la compatibilité entre les différents navigateurs. Ainsi, la nouvelle version fonctionne même sur les anciennes versions jusqu'à IE7.
Après l'annonce par Google de l'arrêt du support de la version Flash de leur API Maps, nous avons pris quelques décisions clés car nous devions procéder à une reconstruction complète.
<1ol> <1li>Nous voulions que l'application web fonctionne à la fois sur ordinateur et sur mobile. <1li>Nous voulions concevoir notre propre moteur de rendu afin de pouvoir, si nécessaire, passer à d'autres fournisseurs d'API. <1li>Nous ne voulions enfreindre les conditions d'utilisation d'aucun fournisseur d'API de cartographie. <1li>Nous voulions que cette reconstruction soit centrée sur l'API afin que les développeurs puissent utiliser nos outils de création de cartes dans leurs propres applications.
2h2> Scribble Maps sur Mobile
<5a href="/blog/assets/d53ce7178a85289bf563b8faa0ee163ebdba4ed7db6958ea1ba422ca0439fa89.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
L'une des demandes les plus fréquentes que nous ayons reçues était la possibilité d'utiliser Scribble Maps sur mobile, et plus particulièrement sur tablette. Grâce à l'utilisation de Javascript, l'application fonctionne désormais sur les tablettes.
L'une des demandes les plus fréquentes que nous ayons reçues était la possibilité d'utiliser Scribble Maps sur mobile, et plus particulièrement sur tablette. Grâce à l'utilisation de Javascript, l'application fonctionne désormais sur les tablettes.Cependant, faire fonctionner une application de cartographie est une chose, la rendre exploitable en est une autre. Dans la version de bureau de Scribble Maps, par exemple, vous disposez d'effets de survol (roll overs), ce qui n'est pas le cas sur les tablettes.
Cela nous a amenés à modifier l'expérience utilisateur selon que vous utilisez ou non un appareil tactile. Cette adaptation se fait automatiquement, sans qu'il soit nécessaire de modifier le moindre code.
Il existe environ une demi-douzaine d'API de cartographie très populaires. Nous avons donc souhaité nous concentrer spécifiquement sur l'édition et l'interactivité, en laissant la visualisation et le rendu des tuiles aux autres API. Au moment de décider de la structure de notre API, nous avons estimé que l'un des meilleurs styles de programmation Javascript actuels était JQuery. Il est donc possible de créer des superpositions et de l'interactivité en une seule ligne.
ScribbleMap.draw.line([[lat, lng], [lat2, lng2]], { lineColor: "#0000FF" }).click(function() { alert("I have been clicked") });
Le dessin dans Scribble Maps fonctionne exactement comme un canvas. Vous pouvez donc définir un style à l'avance et tracer plusieurs lignes qui adopteront toutes ce style. Cela ne s'applique pas seulement aux formes, mais également aux éléments tels que les marqueurs. Il est donc possible de réaliser ce genre de choses.
La relation qu'un utilisateur entretient avec la carte est définie par les outils, et en changeant d'outils, vous modifiez la manière dont l'utilisateur interagit avec la carte.
2h2> API d'images dynamiques L'une des principales utilisations de Scribble Maps est la génération d'images. Cela représentait non seulement un défi de taille pour nous, mais aussi une nouvelle opportunité lors de notre transition pour abandonner Flash. Avec d'autres API cartographiques, il est possible de créer une « image statique ». Le problème de ces API d'images statiques est qu'elles imposent presque toutes des limites sur la quantité de données pouvant figurer sur l'image générée.
Avec Scribble Maps, en revanche, il n'y a aucune restriction. Une fois qu'une carte est enregistrée, une image de cette carte peut être demandée, quelle que soit la quantité de données qu'elle contient. De plus, lorsqu'une carte est enregistrée, l'image précédente est invalidée et un nouveau rendu est généré lors de la demande suivante. Cela vous permet concrètement de créer des liens d'images qui se mettent à jour au fur et à mesure que vous modifiez la carte.
2h2> Nouveau Widget Avec la version 2.0, nous avons également introduit un widget qui propose davantage de commandes d'interface utilisateur. Il s'agit de notre première version et nous l'améliorerons au cours des prochaines semaines.
Liens
<5a href="http://www.scribblemaps.com/api/" target="_blank">API Scribble Maps
<5a href="https://groups.google.com/forum/#!forum/scribblemapsapi" target="_blank">Groupe API Scribble Maps