通过外部js文件将KML图层添加到Google Map

时间:2015-03-13 22:33:25

标签: jquery google-maps-api-3

找到这个插件:

jquery-autocomplete

但我尝试添加自定义标记以及KML图层,但我不知道如何将其添加到外部js文件中。

我想添加的代码如下,但我不确定如何实现它。

  var ctaLayer = new google.maps.KmlLayer({
    url: 'http://pa-nature.supermarchepa.com/assets/pa-nature.kmz'
});
ctaLayer.setMap(map);

var natureMarker = new google.maps.Marker({
    position: nature,
    map: map,
    icon: 'http://pa-nature.supermarchepa.com/assets/pa-solo-map.svg',
    title: 'PA Nature'
});

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

JSFiddle:https://jsfiddle.net/mcf2280/nug70t0t/1/

该标记位于澳大利亚。

添加(第96行)this.foo();

$.extend(GeoComplete.prototype, {
init: function(){
  this.initMap();
    this.foo();
  this.initMarker();
  this.initGeocoder();
  this.initDetails();
  this.initLocation();
},

补充(第132行)

foo :function(){
    var ctaLayer = new google.maps.KmlLayer({
        url: 'http://pa-nature.supermarchepa.com/assets/pa-nature.kmz'
    });
    ctaLayer.setMap(this.map);
    var nature = new google.maps.LatLng(-25.363882,131.044922);
    var natureMarker = new google.maps.Marker({
        position: nature,
        map: this.map,
        icon: 'http://pa-nature.supermarchepa.com/assets/pa-solo-map.svg',
        title: 'PA Nature'
    });        
},