如何添加标记在谷歌地图与asp.net

How to add mark in google maps with asp.net

本文关键字:asp net 谷歌地图 何添 加标记      更新时间:2023-09-26

我有这个,这是完美的工作:

<div id ="map"   style="width: 304px; top: 68px; left: 172px; position: absolute; height: 238px">

和我的Javascript代码:

function InitializeMap()
{
    var latlng = new google.maps.LatLng(-34.452692, -56.3972349, 17, 15);
    var myOptions = {
        zoom: 16,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map"), myOptions);
}
window.onload = InitializeMap;

我找到了这个添加标记的代码。我如何将它与我已经编写的代码集成?

var marker1 = new google.maps.Marker(
{
     position: new google.maps.LatLng(28.8, 77.03),
     map: myMap,
     title: 'New Delhi'
});

谢谢。

将其放在InitiallizeMap的末尾,并将map: myMap更改为map: map

<script type ="text/javascript">
function InitializeMap() {
    var latlng = new google.maps.LatLng(-34.452692, -56.3972349, 17, 15);
    var myOptions = {
        zoom: 16,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"), myOptions);
    var marker1 = new google.maps.Marker({
        position: new google.maps.LatLng(28.8, 77.03),
        map: map,
        title: 'New Delhi'
    });
}
window.onload = InitializeMap;