HTML href auf Gmap-Problem: Mein Standort funktioniert nicht auf Microsoft-Kante

Question

Ich mache eine Website und ich habe eine Schaltfläche, die eine Google-Karte vom Benutzerstandort zu woanders öffnen.

<a href={'http://maps.google.com/maps?saddr=My+Location&daddr=Nexapp'} target="_blank"> 
    //Button here    
</a> 

Das Problem ist, dass meine Lage mir ein zufälliges Fitness-Studio in den USA geben, wenn ich auf den Link mit Microsoft Edge bin klicken. Here's a screenshot of the result Der andere Browser gibt mir meinen Standort obwohl ...

Wer hat eine Idee warum und wie es zu beheben?

EDIT:

Hier ist der Code meiner Komponente (ich verwende Reactjs)

<div id="content" className={styles.mapSection}> 
      <GoogleMap 
       latitude={46.829131} 
       longitude={-71.279030} 
       zoom={14} 
       width="100%" 
       height="100%" 
       marker={false} 
       mapOptions={mapOptions} /> 

      <div className={styles.mapOverlay}> 
       <h1 className={`text ${styles.mapText}`}> 
        <FormattedMessage id="googleText" {...messages.googleText} /> 
        <span className={styles.city}> 
         <FormattedMessage id="quebec" {...messages.quebec} /> 
        </span> 
       </h1> 
       <a className={`link ${styles.mapButton}`} href="http://maps.google.com/maps?saddr=My+Location&daddr=Nexapp" target="_blank"> 
        <ChevronRightButton mobile={mobile} text={<FormattedMessage id="locationButton" {...messages.locationButton} />} /> 
       </a> 
      </div> 
     </div> 

Die <a> ändert sich nicht, aber @Sampson wollte Code: P

Answer 1

Ich war "Mein Standort" kann in keinem Browser abgerufen werden. Nicht sicher, ob Sie zuvor den Browsern erlaubt haben, Ihren Standort oder was anzuzeigen, aber für mich funktionierte es nicht in IE oder Chrome.

Der einzige Weg, ich kenne einen Benutzer Lage zu bekommen, ist die Google Maps API zu verwenden, um es zu finden:

https://developers.google.com/maps/documentation/javascript/basics?csw=1#DetectingUserLocation