谷歌地图 - Gmaps 上的 HTML href 问题：我的位置在边缘不起作用Microsoft

Question

我正在制作一个网站，我有一个按钮可以打开从用户位置到其他地方的谷歌地图。

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

问题是，当我点击带有Microsoft Edge的链接时，我的位置会给我一个在美国的随机健身房。这是结果的屏幕截图 其他浏览器正在给我我的位置...

有人知道为什么以及如何解决它吗？

编辑：

这是我的组件的代码（我正在使用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>

<a>不会改变，但@Sampson需要代码:P

Answer 1

我无法在任何浏览器中获取"我的位置"。不确定您以前是否允许浏览器查看您的位置或什么，但对我来说，它在 IE 或 Chrome 中不起作用。

我知道获取用户位置的唯一方法是使用Google Maps API来查找它：

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