标记错误

时间:2012-09-18 13:39:33

标签: javascript asp.net google-maps

我正在尝试将标记放在某个位置的地图上,但它会给我错误的选项,但是如果我单独加载地图就可以了。

hier是我的代码

<script type="text/javascript">
    //var map;
    function initialize() {  if (GBrowserIsCompatible()) {
            var lat = parseFloat(document.getElementById("FormView1_LatitudeLabel").textContent);
            var lng = parseFloat(document.getElementById("FormView1_LongitudeLabel").textContent);


            // Creating a map

                    // Creating a LatLng object containing the coordinate for the center of the map  
                    var latlng = new google.maps.LatLng(lat, lng);
                    // Creating an object literal containing the properties we want to pass to the map  
                    var options = {
                        zoom: 7,
                        center: latlng,
                        mapTypeId: google.maps.MapTypeId.ROADMAP,
                    };
                    // Calling the constructor, thereby initializing the map  
                    var map = new google.maps.Map(document.getElementById('map'), options);

                    var marker = new google.maps.Marker({
                        position: new google.maps.LatLng(lat, lng),
                        map: map,
                        title: 'My workplace',
                        clickable: false,
                        icon: 'img/factory.png'
                    });
                }
  }   
 </script>

3 个答案:

答案 0 :(得分:2)

GBrowserIsCompatible()是一个V2方法,但你的其余代码是V3,你必须决定单个API版本。

答案 1 :(得分:0)

我真的不知道你想要什么,但是

marker.setMap(map);

会在地图上显示您的标记。

使用

map.panTo(marker.getPosition())

您可以将地图平移到标记。

有关详细信息,请参阅https://developers.google.com/maps/documentation/javascript/reference#Marker

答案 2 :(得分:0)

此处最后一项的尾随逗号将导致Internet Explorer出错:

var options = {
                        zoom: 7,
                        center: latlng,
                        mapTypeId: google.maps.MapTypeId.ROADMAP,
                    };

应该是:

var options = {
                        zoom: 7,
                        center: latlng,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };