热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何更改Gmaps.js在Google地图中使用的图标?-HowtochangetheiconGmaps.jsusesinGoogleMaps?

HowcanIusethelatestversionofGMaps.jstochangethepiniconIsetincode?如何使用最新版本的GMaps.js

How can I use the latest version of GMaps.js to change the pin icon I set in code?

如何使用最新版本的GMaps.js更改我在代码中设置的图钉图标?

Here's what I'm trying to do:

这是我正在尝试做的事情:

$('input[name="Address"]').blur(function () {
    GMaps.geocode({
        address: $('input[name="Address"]').val(),
        callback: function (results, status) {
            if (status == 'OK') {
                var latlng = results[0].geometry.location;
                map.setCenter(latlng.lat(), latlng.lng());
                map.addMarker({
                    lat: latlng.lat(),
                    lng: latlng.lng(),
                    icon: {
                        image: "http://i.imgur.com/12312.png"
                    }
                });
            }
        }
    });
});

When running this script, the following errors flare up in Firebug's console:

运行此脚本时,Firebug控制台中会出现以下错误:

"NetworkError: 404 Not Found - http://localhost:17680/Account/undefined"

"NetworkError: 404 Not Found - http://localhost:17680/Account/undefined"

I don't understand why it's trying to HTTP GET that URL since I've never invoked it anywhere in the code.

我不明白为什么它试图HTTP GET该URL,因为我从未在代码中的任何地方调用它。

1 个解决方案

#1


5  

Changing the icon on a marker is quite simple.

更改标记上的图标非常简单。

If you read the documentation, notice it says:

如果您阅读文档,请注意:

Also, createMarker accepts any option defined in google.maps.MarkerOptions and any marker event defined in google.maps.Marker ('Events' section).

此外,createMarker接受google.maps.MarkerOptions中定义的任何选项以及google.maps.Marker('Events'部分)中定义的任何标记事件。

And if you read the Google documentation, it's just a matter of calling:

如果您阅读Google文档,则只需要致电:

icon: "some-url-here"

In my case it was:

在我的情况下它是:

$('input[name="Address"]').blur(function () {
    GMaps.geocode({
        address: $('input[name="Address"]').val(),
        callback: function (results, status) {
            if (status == 'OK') {
                var latlng = results[0].geometry.location;
                map.setCenter(latlng.lat(), latlng.lng());
                map.addMarker({
                    lat: latlng.lat(),
                    lng: latlng.lng(),
                    icon: "/images/mapicon.png"
                });

                $('input[name="Longitude"]').val(latlng.lng());
                $('input[name="Latitude"]').val(latlng.lat());
            }
        }
    });
});

推荐阅读
author-avatar
日本化妆品专卖_703
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有