Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
 Your new post is loading...
Your new post is loading...
Scoop.it!
Google Maps Alternatives For Your Application. Best maps API for your project: Google Maps vs OpenstreetMap vs Mapbox. A comparison of the biggest mapping providers. 
No comment yet.
Sign up to comment
Scoop.it!
Début mai, Google a annoncé une refonte complète de son offre cartographique à destination des professionnels. Ces changements, qui impliquent de renseigner obligatoirement un code de carte bleue, se traduisent par une explosion des prix pour les usages professionnels avec une réduction drastique du volume d’affichages gratuits autorisés.Le quota gratuit de 25 000 cartes affichées par jour sur un site web passe maintenant à 28 000, mais par mois (soit en moyenne moins de 1000 par jour)
Scoop.it!
Apprenons à utiliser Leaflet pour embarquer des cartes géographiques sur un site
Scoop.it!
![Tutoriels : créer une carte personnalisée avec umap [Open Source] | Bonnes Pratiques Web & Cloud | Scoop.it](https://img.scoop.it/Q2kE5hhHxmBxJ4H2OSguxTl72eJkfbmt4t8yenImKBVvK0kTmF0xjctABnaLJIm9)
Umap est un logiciel permettant de réaliser des cartes interactives personnalisées. Avec umap vous pouvez positionner vos contacts sur une carte, valoriser un territoire, préparer la logistique d'un évènement, raconter vos vacances, etc. Une carte umap peut être intégrée à une page Web, comme la carte ci-dessous. Via Frédéric DEBAILLEUL
Scoop.it!
Lorsque l’on a besoin d’intégrer une carte sur un site Web, la majeure partie des développeurs se tournent vers la solution Google Maps (https://maps.google.com/). Mais connaissez-vous ses concurrents et notamment Open Street Map (http://www.openstreetmap.org/) ?
Scoop.it!
Ce billet est le premier d'une série sur la vulgarisation d'OpenStreetMap et OpenLayers. Nous allons voir ici qu'il est très simple aujourd'hui d'inclure une carte nabvigable dans une page web.
Mickael Ruau's insight:
L'intégration d'une carte dans une page web consiste à ajouter une balise <div> avec un id nommé ici map. L'initialisation de la carte se fera au chargement de la page, pour cela on ajoute un appel à la fonction javascript init() dans la balise <body>. <body onload="init()"> <div>Démonstration de carte openstreetmap minimale</div> <div id="map"></div></body>Dans l'en-tête de la page on définira la fonction init() comme suit. Dans cette première approche on se contente d'une carte simple que l'on positionne sur un point définit au niveau de zoom 5. Dans un prochain billet on verra comment utiliser un système de coordonnées plus commun. <script type="text/javascript"> function init(){ // Création d'un objet map var map = new OpenLayers.Map('map'); // Ajout d'un calque en utilisant le rendu par défaut map.addLayer( new OpenLayers.Layer.OSM() ); // Création du point central de la carte à partir //de coordonnées géographiques var center = new OpenLayers.LonLat(30000,5800000); // Positionnement de la carte sur le point central, // au niveau de zoom 5 map.setCenter(center, 5); } </script>
Scoop.it!
Une carte n'est qu'un des nombreux moyens existants (graphique, tableaux....) permettant l'affichage et la mise en forme de données. Pourtant la plupart des librairies cartographiques actuelles se résument à un affichage "simple" de données géographiques. Or la plus value d'une donnée est justement sa mise la possibilité de la faire parler, de dégager une tendance, bref de l'utiliser...
Scoop.it!
MobilyMap est un plugin jQuery qui permet de transformer une image standard en carte interactive, un peu comme Google Maps. Vous pourrez alors définir des emplacements qui afficheront des popups avec le contenu de votre choix. De plus, c’est tout simple à mettre en place.
Mickael Ruau's insight:
Une démo est disponible. C’est disponible sous licence MIT et compatible avec tous les navigateurs actuels.
|
Scoop.it!
De nombreux articles sur le web comparent OpenStreetMap et GoogleMaps, La présente note se focalise sur les éléments de choix entre ces deux solutions dans le cadre de la réalisation d’un service sur internet nécessitant des données cartographiques.
Scoop.it!
Google vient de transformer Maps en un immense terrain de jeu. Le géant du Web a annoncé qu'il allait permettre aux créateurs de jeux vidéo de profiter, par le biais de plusieurs API, de l'énorme base de données de son service de cartographie. Imaginez un peu : tous les plans, toutes les rues, tous les bâtiments modélisés en 3D dans plus de 200 pays seront accessibles aux développeurs. Tout cela afin de concevoir des "jeux dans le monde réel"...
Scoop.it!
Comment mettre en ligne une carte personnalisée libre OpenStreetMap sur un site Web, un blog, un forum et ainsi s’affranchir de solutions commerciales et propriétaires de type Google, Mappy… ? Via Frédéric DEBAILLEUL
's comment September 29, 2016 2:56 AM
UMap fait la même chose, et bien plus encore : https://umap.openstreetmap.fr/fr/
Scoop.it!
Dans cet article, nous parlerons de l'utilisation d'Android Google Maps via son API V2. Pour ce faire, nous allons développer une application Android basique pour illustrer cela. Nous mettrons l'accent sur les configurations nécessaires pour son utilisation en développement et les différences à prendre en compte dans ces configurations pour rendre une telle application fonctionnelle en production.
Scoop.it!
In this tutorial, I will assume a few things:
Mickael Ruau's insight:
This tutorial is for those just starting out with Web GIS or have some OpenLayers 2 experience. If that is what you are looking for, you should head over to https://www.coursera.org/ and find yourself a nice GIS course.
Scoop.it!
Une librairie javascript open source de cartographie cross-browser et cross-API.
Mickael Ruau's insight:
FEATURES Tiled Layers Pull tiles from OSM, Bing, MapBox, Stamen, MapQuest, and any other XYZ source you can find. OGC mapping services and untiled layers also supported. Vector Layers Render vector data from GeoJSON, TopoJSON, KML, GML, and a growing number of other formats. Fast & Mobile Ready Mobile support out of the box. Build lightweight custom profiles with just the components you need. Cutting Edge & Easy to Customize Map rendering leverages WebGL, Canvas 2D, and all the latest greatness from HTML5. Style your map controls with straight-forward CSS. LEARN MORE Quick Start Seen enough already? Go here to get started. Download Get the latest release or dig through the archives. Tutorials Spend time learning the basics and graduate up to advanced mapping techniques. API Docs Browse through the API docs for details on code usage.
Scoop.it!
Google a largement contribué à cette démocratisation et nous vous proposons de découvrir que, depuis la sortie de GoogleMaps, les solutions libres ne sont pas en reste et constituent des alternatives robustes et satisfaisantes tant pour le grand public que les professionnels.
|
