google map api,链接到URL

时间:2016-04-17 14:25:41

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

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

情况: 我创建了一个自定义地图,公共(或限制用户)访问,其中有不同的标记。

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

Q2)我可以为标记添加一个URL,以便用户点击它并进入特定的网站,他可以在投票给这个位置? (仅作为示例)

先谢谢大家,再一次抱歉不要靠近我自己

干杯, 菲尔

1 个答案:

答案 0 :(得分:0)

以下功能将创建标记

<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;
});