Markers on google maps uploaded from excel(xlsx) file using Javascript -

-

i looking solution app. need upload excel file data , show data file on google maps multiple markers. found solution second part (show multiple markers on google map):

 <script>    function initialize() {     var mapdiv = document.getelementbyid('mymap');     var mapoptions = {                 center: new google.maps.latlng (-33.865143, 151.209900),       zoom: 12,       maptypeid: google.maps.maptypeid.roadmap     };      var map = new google.maps.map(mapdiv, mapoptions);      var locations = [];     locations.push ({name:"bondi beach", latlng: new google.maps.latlng(-33.890542, 151.274856)});     locations.push ({name:"coogee beach", latlng: new google.maps.latlng(-33.923036, 151.259052)});     locations.push ({name:"cronulla beach", latlng: new google.maps.latlng(-34.028249, 151.157507)});     locations.push ({name:"manly beach", latlng: new google.maps.latlng(-33.80010128657071, 151.28747820854187)});      (var = 0; < locations.length; i++) {       var marker = new google.maps.marker({position: locations[i].latlng, map:map, title:locations[i].name});     }   }    window.onload = initialize;  </script>

but how can upload data excel(i want user submit file data) , use show markers?
totally new programming, appreciated :)

you can use sheetjs parse excel files in javascript. have 2 seperate versions .xls , .xlsx files.

you can load excell sheet using ajax. if want directly parse excel sheet user inputs, can use filereader object , .readasbinarystring() method.

document.getelementbyid("excel").addeventlistener("change", function(e) {      var file = e.target.files[0];        //verify selected file supported worksheet file.      //you can check file.name , file.type properties validation        var reader = new filereader();        reader.onload = function(e) {          var data = e.target.result;            /* if binary string, read type 'binary' */          var workbook = xls.read(data, {              type: 'binary'          });                    console.log(workbook.sheets[workbook.sheetnames[0]]["a1"].v); //read value of a1 cell in first worksheet          /* workbook here */      };      reader.readasbinarystring(file);  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/xls/0.7.5/xls.full.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/xlsx.full.min.js"></script>    <input type="file" id="excel" />


Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc
Read more