PhoneGap/Cordova：Google Maps API - 在我的位置上放置图钉答案

【问题标题】：PhoneGap/Cordova: Google Maps API - drop pin on my positionPhoneGap/Cordova：Google Maps API - 在我的位置上放置图钉
【发布时间】：2012-08-01 06:27:26
【问题描述】：

我可以使用 PhoneGap 中的 Google Maps API 在地图上显示我的位置。现在它只显示地图 - 没有 pindrop 或类似的东西。我想知道是否有人知道如何在您提出的位置上放置图钉？

我目前的代码是：

//GEOLOCATION
            var onSuccess = function(position) {
                var myLat = position.coords.latitude;
                var myLong = position.coords.longitude;

                //MAP
                var mapOptions = {
                    center: new google.maps.LatLng(myLat, myLong),
                    zoom: 14,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };

            var map = new google.maps.Map(document.getElementById("map_canvas"),
                                              mapOptions);

            };

            // onError Callback receives a PositionError object
            //
            function onError(error) {
                alert('code: '    + error.code    + '\n' +
                      'message: ' + error.message + '\n');
            }

            navigator.geolocation.getCurrentPosition(onSuccess, onError);

如果有人能告诉我如何在那个位置放一个大头针，那真是太棒了！谢谢

【问题讨论】：

标签： javascript google-maps cordova google-maps-api-3

【解决方案1】：

找到了！ https://developers.google.com/maps/documentation/javascript/overlays#Markers

调整了我的代码：

//GEOLOCATION
            var onSuccess = function(position) {
                var myLat = position.coords.latitude;
                var myLong = position.coords.longitude;

                //MAP
                var mapOptions = {
                    center: new google.maps.LatLng(myLat, myLong),
                    zoom: 14,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };

            var map = new google.maps.Map(document.getElementById("map_canvas"),
                                              mapOptions);

                var marker = new google.maps.Marker({
                                                    position: new google.maps.LatLng(myLat, myLong),
                                                    map: map,
                                                    title:"Hello World!"
                                                    });

            };

            // onError Callback receives a PositionError object
            //
            function onError(error) {
                alert('code: '    + error.code    + '\n' +
                      'message: ' + error.message + '\n');
            }

            navigator.geolocation.getCurrentPosition(onSuccess, onError);

【讨论】：