Comment utiliser l'API Google Maps dans un tract, cloudmade

Est-il possible d'intégrer Google Maps avec notice-cloudmade?
Je veux dire, je ne veux pas utiliser l'original cloudmade carte, mais je veux l'utiliser Google Maps à la place. Je veux montrer une carte de l'Alaska (pas beaucoup de routes). Si j'utilise un cloudmade carte, il serait tout blanc.

C'est ce que je fais si je veux utiliser cloudmade carte:

var cloudmade = new L.TileLayer('http://{s}.tile.cloudmade.com/YOUR-API-KEY/997/256/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>',
    maxZoom: 18
});

Je sais que je devrais changer le " http://{s}.tile.cloudmade.com/YOUR-API-KEY/997/256/{z}/{x}/{y}.png' partie. Mais, que dois-je écrire si je veux utiliser la carte google (ou n'importe quelle autre carte)?

C'est la documentation de la foliole-cloudmade (ils ne disent pas que beaucoup sur l'utilisation de tiers fournisseur de cartes. Ils disent qu'ils sont agnostiques sur la carte-fournisseur utilisé dans notre application, donc je pense qu'il devrait être possible d'utiliser Google Maps).

  • Merci pour l'édition de ma question.
InformationsquelleAutor goFrendiAsgard | 2012-06-17
  1. 23

    La officiel leaflet.js page des plugins références de la Plugins par Pavel Shramov paquet.

    La condition Google.js vous donne accès à Google Maps carreaux en utilisant l'API Google Maps v3, à l'égard des conditions d'utilisation.

    Voici un exemple rapide: vous pouvez l'utiliser en ajoutant d'abord 

    <script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
<script src="path/to/Google.js"></script>

    et puis créer votre carte:

    var map = new L.Map('map', {center: new L.LatLng(43.6481, -79.4042), zoom: 13});
var gmap_layer = new L.Google('ROADMAP');
map.addLayer(gmap_layer);

    Remarque: il y a aussi quelques fourchettes mentionnées dans ce gist.

    InformationsquelleAutor Marius Butuc
  2. 14

    Google ne vous permettra pas d'utiliser leurs tuiles sans l'aide de leur propre API pour les obtenir. Voir la Conditions Générales:

    N'est pas une mauvaise utilisation de nos Services. Par exemple, ne pas ... essayez d'y accéder en utilisant une méthode autre que l'interface et les instructions que nous vous fournissons.

    Tout est possible, de cours, il est donc possible d'obtenir les tuiles sans l'API, mais votre accès peut être bloqué sans avertissement:

    Nous pouvons suspendre ou d'arrêter la fourniture de nos Services si vous ne respectez pas les conditions ou politiques, ou si nous examinons un soupçon de faute.

    Cela dit, le Dépliant de l'API n'a pas l'air très différente de l'API de Google, si la conversion de l'utilisation de leur API peut très bien être la peine d'envisager.

    • Salut, je ne sais pas à ce sujet avant. Je vous remercie pour cette information.
    InformationsquelleAutor Andrew Leach
  3. 2

    Il y a un tiers d'un plugin qui permet l'intégration de Google Maps dans le Dépliant afin d'être en mesure de l'ajouter en tant que calque: http://psha.org.ru/b/leaflet-plugins.html. Toutefois, il agit comme un proxy à l'origine de l'API Google Maps v3, de sorte qu'il ne fonctionne pas aussi bien que simple Feuillet de couches de tuiles, et, malheureusement, vous ne pouvez pas utiliser Google Maps carrelage directement en raison de Conditions d'Utilisation restrictions (comme dans la réponse ci-dessus).

    InformationsquelleAutor Mourner
  4. 2

    Ce n'est pas vraiment Google Maps, mais il existe une grande variété de différents Notice Fournisseur de cartes avec des exemples de codes disponibles à http://leaflet-extras.github.io/leaflet-providers/preview/

    Peut-être que vous pourriez trouver un fournisseur approprié à votre problème. En tant que plus vous permettra d'éviter les problèmes de Andrew Leach souligné. De toute façon - non pas que je m'attendais à vous de ne pas savoir, mais encore je n'ai pas vouloir le laisser - veuillez noter que certains (mais pas tous) de la carte les fournisseurs commerciaux et ainsi, vous pourriez avoir à payer pour le service ou pourrait s'inquiéter des autres TOSes.

    • Merci pour l'information à ce.
    InformationsquelleAutor Paul Kertscher
  5. 1

    De cette:

    Ce plugin pour Debian n'a pas ce problème, mais ne répondent pas aux conditions de service de google (Oficial exemple).

    Ou essayez ce code:

    var map = L.map( 'map' ).setView( [ 51.505, -0.09 ], 13 );

L.tileLayer( '//mt{s}.googleapis.com/vt?x={x}&y={y}&z={z}',
{
  maxZoom: 18,
  subdomains: [ 0, 1, 2, 3 ]
} ).addTo( map );

var marker = L.marker( [ 51.5, -0.09 ] ).addTo( map );
    InformationsquelleAutor user3252384