google maps - How to embed a kml or kmz file in my webpage -

-

i need embed kml google earth map in webpage. followed this instructions, link code embed doesn't seem activated here.

i tryed followning code, shows simple map without informatons in kml file

<head> <title></title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  <style type="text/css">   html { height: 100% }     body { height: 100%; margin: 0; padding: 0 }      #google-map { height: 100% }      </style>  <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=my-key&sensor=false">  </script>  <script>     function initialize() {         var mapoptions = {             center: new google.maps.latlng(42.753633, 13.952404),              zoom: 10,             maptypeid: google.maps.maptypeid.satellite,             scrollwheel: false         }          var map = new google.maps.map(document.getelementbyid('google-map'), mapoptions);          var ctalayer = new google.maps.kmllayer({             url: 'poligono1.kml'         });          ctalayer.setmap(map);     }            google.maps.event.adddomlistener(window, 'load', initialize);  </script>   </head>  <body onload="initialize()">      <div id="google-map" class="google-map"></div>  </body>

i put kml file in same folder of webpage. in advance helping me!!!

i think sample google developer useful 

<!doctype html>     <html>       <head>         <style>           #map-canvas {             width: 500px;             height: 400px;           }         </style>          <script src="https://maps.googleapis.com/maps/api/js"></script>        </head>       <body>         <div id="map-canvas"></div>       <script>     /**      * @fileoverview sample showing capturing kml file click      *   , displaying contents in side panel instead of      *   infowindow      */      var map;     var src = 'https://developers.google.com/maps/tutorials/kml/westcampus.kml';      /**      * initializes map , calls function creates polylines.      */     function initialize() {       map = new google.maps.map(document.getelementbyid('map-canvas'), {         center: new google.maps.latlng(-19.257753, 146.823688),         zoom: 2,         maptypeid: google.maps.maptypeid.terrain       });       loadkmllayer(src, map);     }      /**      * adds kmllayer based on url passed. clicking on marker      * results in balloon content being loaded right-hand div.      * @param {string} src url kml file.      */     function loadkmllayer(src, map) {       var kmllayer = new google.maps.kmllayer(src, {         suppressinfowindows: true,         preserveviewport: false,         map: map       });       google.maps.event.addlistener(kmllayer, 'click', function(event) {         var content = event.featuredata.infowindowhtml;         var testimonial = document.getelementbyid('capture');         testimonial.innerhtml = content;       });     }      google.maps.event.adddomlistener(window, 'load', initialize);     </script>     </body>     </html>

Comments

Post a Comment

Popular posts from this blog

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

-
i'm running nodejs 0.12.3 - gulp 3.10.8 , gulp-nodemon 2.0.3. gulpfile.js : gulp.task('serve', ['build'], function() { gulp.start('fb-flo'); nodemon({ script: paths.server, env: { 'node_env': 'development' }, // env: { 'node_env': 'production' }, execmap: { 'js': 'node_modules/babel/bin/babel-node --stage 1' //es7 cote server }, delay: '0ms', watch: ['src/shared/', 'src/server/'], ignore: ['src/shared/components'], tasks: function (changedfiles) { var tasks = []; changedfiles.foreach(function (file) { if (path.extname(file) === '.jsx' && !~tasks.indexof('bundlejs')) tasks.push('bundlejs'); if (path.extname(file) === '.less' && !~tasks.indexof('compileless')) tasks.push('compileless'); }); return tasks; } ...
Read more

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -

-
i trying make simple python program opening list of webpages user manually download reports site. don't have previous experience preparing exe files.. , i'm in learning process python coding. of done on windows 7 x64 this python code: #!c:/python34/python.exe -u splinter import * import time import os import csv #---------------------------------- raporty = [] open('../raporty.csv', newline='') csvfile: contents = csv.reader(csvfile, delimiter=' ', quotechar='|') row in contents: r = ', '.join(row) r = r.replace(',','') raporty.append(r) #--not implemented yet zmienne = [] open('../zmienne.csv', newline='') csvfile: contents = csv.reader(csvfile, delimiter=' ', quotechar='|') row in contents: r = ', '.join(row) r = r.replace(',','') zmienne.append(r) print("start") browser = browser(...
Read more

javascript - oscilloscope of speaker input stops rendering after a few seconds -

-
the following script reads audio user's microphone , renders oscilloscope on html canvas. the source taken example of mozilla developer network: visualizations web audio api and here fiddle: http://jsfiddle.net/b7j8pktp/ mozgetusermedia (note: code has no fork mechanism different browsers: works firefox) it works fine few seconds , stops rendering. whereas works totally stable: http://mdn.github.io/voice-change-o-matic/ the problem can reduced following code. microphone activation icon (next the address bar in firefox) disappears after 5 seconds: navigator.mozgetusermedia({audio: true}, function() {}, function() {} ); ( http://jsfiddle.net/b7j8pktp/2/ ) this known bug in firefox. take stream getusermedia call , hook window so: navigator.mozgetusermedia({audio: true}, function(stream) { window.stream = stream; // rest of code }, function err() { // handle error }); hopefully can fixed soon. problem we're f...
Read more