【问题标题】:google map api, link to URLgoogle map api,链接到网址
【发布时间】:2016-08-09 05:37:15
【问题描述】:

很抱歉问了一个简单的问题,我当然可以通过阅读 API 文档轻松找到,但客户只是一般性地问我这个问题,我想尽快回答他。

情况: 我创建了一个自定义地图,具有公共(或仅限用户)访问权限,不同的标记在哪里。

Q1)是否可以通过 API 使用例如创建标记?来自我们数据库的自定义数据?

Q2) 是否可以将 URL 添加到标记,以便用户单击它并访问特定站点,例如投票给这个位置? (仅作为示例)

先谢谢大家了,再一次抱歉没有自己仔细看

干杯, 菲尔

【问题讨论】:

  • 还有一件事我忘记了,这个问题对于网站以及原生 iOS 和 Android 应用程序同样适用(所以更多 API)

标签: javascript api dictionary google-maps-api-3 interaction


【解决方案1】:

以下函数将创建标记

<script type="text/javascript">

// Standard google maps function
function initialize() {
    var myLatlng = new google.maps.LatLng(40.779502, -73.967857);
    var myOptions = {
        zoom: 12,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    TestMarker();
}

// Function for adding a marker to the page.
function addMarker(location) {
    marker = new google.maps.Marker({
        position: location,
        map: map
    });
}

// Testing the addMarker function
function TestMarker() {
       CentralPark = new google.maps.LatLng(37.7699298, -122.4469157);
       addMarker(CentralPark);
}

对于点击和 URL 使用以下技术

var points = [
    ['name1', 59.9362384705039, 30.19232525792222, 12, 'www.google.com'],
    ['name2', 59.941412822085645, 30.263564729357767, 11, 'www.amazon.com'],
    ['name3', 59.939177197629455, 30.273554411974955, 10, 'www.stackoverflow.com']
];

var marker = new google.maps.Marker({
    ...
    zIndex: place[3],
    url: place[4]
});

google.maps.event.addListener(marker, 'click', function() {
    window.location.href = this.url;
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-21
    • 1970-01-01
    • 2016-06-19
    • 2014-01-27
    • 1970-01-01
    • 1970-01-01
    • 2020-06-21
    相关资源
    最近更新 更多