Question

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

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

问题是当我点击与Microsoft Edge的链接时，我的位置给我一个美国随机健身房。 Here's a screenshot of the result其他浏览器虽然给了我我的位置......

任何人都知道为什么以及如何解决它？

编辑：

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

Gmaps问题上的HTML href：我的位置无法在Microsoft边缘上运行

1 个答案: