google maps à l'aide de three.js et webgl

J'ai des milliers de points qui doivent être tracé sur google maps et j'ai obtenu un très à l'écoute des cartes à l'aide de l'exemple de https://github.com/ubilabs/google-maps-api-threejs-layer .
Quelqu'un a un pour jouer à ce et vous demandez-vous si il est possible d'avoir différents marqueurs de couleur, et possible de marqueur sur les événements?

Apprécier tous les pointeurs ou des exemples en ligne.

OriginalL'auteur Linus | 2013-05-30

  1. 3

    Millions de cliquable points de données peuvent être peints sur une carte google map à l'aide de webgl.

    Un point de données est représenté par un x,y de la paire pour un emplacement sur la toile, un int pour la taille, un écran couleur et d'un écran couleur. Ces valeurs sont stockés dans différents tableaux typés.

    Chaque point de données unique de couleur rvb pour agir comme une clé dans une table de recherche de point de données id.

    Créer une texture pour stocker les hors de l'écran, les couleurs et le rendre à un écran tampon. Sur cas, la charge de l'arrêt de la mémoire tampon écran et l'utilisation glReadPixels pour récupérer la couleur rvb du pixel cliqué et ensuite trouver l'id dans la table de recherche. Les Points sur l'écran de la mémoire tampon, ce que voit l'utilisateur, peuvent partager une couleur commune.

    canvas.addEventListener('click', function(ev) {
  # insert code to get mouse x,y position on canvas
  pixels = new Uint8Array(4);
  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
  gl.readPixels(x, y, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
  gl.bindFramebuffer(gl.FRAMEBUFFER, null);
  if (colorToId[pixels[0] + " " + pixels[1] + " " + pixels[2]]) {
    # Pixel clicked is a data point on the map
  }
});

    Webgl code est long, de sorte que seul l'événement click est inclus.

    Ici est un démonstration en direct et un repo. (angulaire et coffeescript)

    Voici un deuxième exemple de l'utilisation de la plaine js: webgl-prélèvement-geo-polygones

    Ici est réagir-webgl-dépliant

    La solution est basée sur Brendan Kenny Google Maps + HTML5 + de Visualisation de Données Spatiales ce qui explique une partie du code dans l'extrait ci-dessus, à 30 min de marque, et L'affichage de WebGL données sur Google Maps.

    La démonstration dispose de moins de dix points de données, mais vous pouvez facilement la peinture sur les 16 millions cliquable points de données à l'aide de toutes les combinaisons de valeurs rvb.

    OriginalL'auteur Mike Fabrikant

  2. 1

    J'ai découvert OpenLayers à la semaine dernière. Très, très impressionnant cadre. Je suggère fortement de prendre un coup d'oeil. OpenLayers.org est JavaScript open source de cartographie web de la bibliothèque distingue des autres solutions de rechange, comme un Dépliant ou Google Maps Api, en raison de son énorme ensemble de composants.

    J'ai passé tout le week-end de créer des échantillons d'applications, l'intégration avec l'API OpenLayers comme MapBox, WebGL, etc... Après tout est dit et fait, j'ai été extrêmement impressionné avec OpenLayers et j'ai l'intention de faire usage de OpenLayers, lors de la prochaine COP/Projet.

    Voici un lien pour ma harnais de test. À partir de là, vous pouvez également télécharger le code pour tous les exemples, trop.

    OriginalL'auteur ddeloy

  3. 0

    Voici un lien vers un jQuery/carte google app. Pas exactement ce que vous cherchez, mais vous pourriez trouver l'exemple utile. N'hésitez pas à utiliser - il peut être téléchargé à partir de mon site.

    Lien app sur mon site

    Cliquez ici pour télécharger le zip

    Merci. cool app. J'ai plusieurs milliers de marqueurs qui doivent être affichés et le marqueur clusterer a été quire utile. mais quand j'ai vu la vidéo de Brendan youtube.com/watch?v=aZJnI6hxr-c j'ai été vraiment impressionné et je n'ai pas beaucoup d'expérience en webgl, commencé à la regarder three.js et d'où mon post.
    J'ai fait beaucoup de travail avec PLAY framework, threejs et WebGL. Je suis sûr que j'ai quelque chose dans mon passé archives du projet qui réponde à vos spécifications. En attendant, vous pouvez consulter RaphaëlJS ( raphaeljs.com )...une petite librairie JS qui simplifie le travail avec des graphiques vectoriels. Je viens de poster ce petit échantillon sur mon site: ddeloy.com/new/raphael/raphael_click_event.html
    ddeloy.com/new/WebGL/geolocation-map.html

    OriginalL'auteur ddeloy