在谷歌地图中插入标记

Insert marker in google map

本文关键字：插入 谷歌地图      更新时间：2023-09-26

我试图在点击按钮后插入一个标记在谷歌地图。实际上，我已经传递参数addmarker()函数。它仍然没有显示标记。我给出了我的源代码。

function initialize() {
    var myLatlng = new google.maps.LatLng(23.684994000000000000,           90.356330999999950000);
    var mapOptions = {
        zoom: 4,
        center: myLatlng
    }
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
function addmarker(Clientlatitude, Clientlongitude) {
    var latilongi = new google.maps.LatLng(Clientlatitude, Clientlongitude);
    var marker = new google.maps.Marker({
        position: latilongi,
        map: this
    });
}
google.maps.event.addDomListener(window, 'load', initialize);
<input id="btnMarkerInseart" type="button" value="Insert" onclick='<%# "addmarker(" +Eval("latitude") + ", " +Eval("longitude") + ");" %>' />

应该在初始化函数之外声明map变量，然后在创建标记时在addmarker函数中引用它，如下所示:

var map;
function initialize() {
    var myLatlng = new google.maps.LatLng(23.684994000000000000,           90.356330999999950000);
    var mapOptions = {
        zoom: 4,
        center: myLatlng
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
function addmarker(Clientlatitude, Clientlongitude) {
    var latilongi = new google.maps.LatLng(Clientlatitude, Clientlongitude);
    var marker = new google.maps.Marker({
        position: latilongi,
        map: map
    });
}
相关文章：