Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google Maps V3样式或标记不显示取决于我使用的API javascript源_Javascript_Google Maps - Fatal编程技术网

Google Maps V3样式或标记不显示取决于我使用的API javascript源

Google Maps V3样式或标记不显示取决于我使用的API javascript源,javascript,google-maps,Javascript,Google Maps,我有一个可以正确看到标记的地图设置,但如果使用此源,则没有样式: <script type="text/javascript" src="http://maps-api-tt.appspot.com/apilite/3/apiv3.js"></script> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=&sensor=false&c

我有一个可以正确看到标记的地图设置,但如果使用此源,则没有样式:

<script type="text/javascript" src="http://maps-api-tt.appspot.com/apilite/3/apiv3.js"></script>  
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=&sensor=false&callback=initialize"></script>

我可以正确地看到我的样式,但如果使用此源,则没有标记:

<script type="text/javascript" src="http://maps-api-tt.appspot.com/apilite/3/apiv3.js"></script>  
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=&sensor=false&callback=initialize"></script>

我已经浏览了这两个源代码,但我都不知道是什么导致了这个问题。我认为这是一个版本问题,或者我需要创建一个styledMapType,但是由于两者都使用不同的源代码,我现在完全不明白这一点

我的代码如下*(带有样式但没有源标记):


//0&&rank<100){
iconImageOutUrl=”http://gmaps-samples.googlecode.com/svn/trunk/" +
“markers/”+param_iconType+”/marker“+rank+”.png”;
iconImageOverUrl=”http://gmaps-samples.googlecode.com/svn/trunk/" +
“markers/”+param_iconOverType+”/marker“+rank+”.png”;
iconImageUrl=iconImageOutUrl;
}否则{
iconImageOutUrl=”http://gmaps-samples.googlecode.com/svn/trunk/" +
“markers/”+param_iconType+“/blank.png”;
iconImageOverUrl=”http://gmaps-samples.googlecode.com/svn/trunk/" +
“markers/”+param_iconOverType+“/blank.png”;
iconImageUrl=iconImageOutUrl;
}
var markerShadow=
新的google.maps.MarkerImage(iconShadowUrl,iconShadowSize,
iconPosition,iconhotspottoffset);
变量标记图像=
新的google.maps.MarkerImage(iconImageUrl,iconSize,
iconPosition,iconhotspottoffset);
var markerImageOver=
新的google.maps.MarkerImage(iconImageOverUrl,iconSize,
iconPosition,iconhotspottoffset);
var markerImageOut=
新的google.maps.MarkerImage(iconImageOutUrl,iconSize,
iconPosition,iconhotspottoffset);
变量标记选项={
标题:标题,,
图标:markerImage,
影子:马克沙多
}
var marker=new google.maps.marker(latlng,markerOptions,map);
google.maps.event.addListener(标记“单击”,函数(){
var infowindowOptions={
内容:html
}
var infowindow=new google.maps.infowindow(
信息窗口选项,
地图
标记);
cm_设置信息窗口(信息窗口);
标记。设置图标(标记图像);
});
google.maps.event.addListener(标记“mouseover”,function()){
标记。设置_图标(标记图像覆盖);
});
google.maps.event.addListener(标记“mouseout”,function()){
标记。设置图标(标记图像);
});
返回标记;
}
变量样式=[
{
样式:[
{hue:#00ffe6},
{饱和度:-20}
]
},{
特色类型:“道路”,
elementType:“几何体”,
样式:[
{亮度:100},
{可见性:“简化”}
]
},{
特色类型:“道路”,
elementType:“标签”,
样式:[
{可见性:“关闭”}
]
}
];
/**
*在页面中创建一个脚本标记,在
*指定键/ID的JSON提要。
*加载后,它将调用cm_loadMapJSON。
*/
函数cm_getJSON(){
//检索JSON提要。
var script=document.createElement('script');
script.setAttribute('src','http://spreadsheets.google.com/feeds/list'
+“/”+param_ssKey+“/”+param_wsId+“/public/values”+
“?脚本中的alt=json&callback=cm_loadMapJSON”);
setAttribute('id','jsonScript');
setAttribute('type','text/javascript');
document.documentElement.firstChild.appendChild(脚本);
}
setTimeout('cm_load()',500);
//]]>

代码部分过时

你必须改变一些事情

  • 替换此行:

    cm_map.set_center(bounds.getCenter());
    
     setTimeout('cm_load()', 500);
    

  • 将单击的功能
    cm\u标记替换为:

    function cm_markerClicked(markerNum) {
    
      var infowindow = new google.maps.InfoWindow({
          content: cm_mapHTMLS[markerNum]
        });
      infowindow.open(cm_map, cm_mapMarkers[markerNum]);
    
      cm_setInfowindow(infowindow);
    }
    
    function cm_createMarker(map, latlng, title, html, rank) {
    
      var iconImageUrl;
      var iconImageOverUrl;
      var iconImageOutUrl;
    
      if(rank > 0 && rank < 100) {
        iconImageOutUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
            "markers/" + param_iconType + "/marker" + rank + ".png";
        iconImageOverUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
            "markers/" + param_iconOverType + "/marker" + rank + ".png";
        iconImageUrl = iconImageOutUrl;
      } else { 
        iconImageOutUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
            "markers/" + param_iconType + "/blank.png";
        iconImageOverUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
            "markers/" + param_iconOverType + "/blank.png";
        iconImageUrl = iconImageOutUrl;
      }
    
      var markerOptions = {
        title: title,
        icon: iconImageUrl,
        map:map,
        position:latlng
      }
    
      var marker = new google.maps.Marker(markerOptions);
    
      google.maps.event.addListener(marker, "click", function() {
        var infowindow = new google.maps.InfoWindow({content:html});
            infowindow.open(map,marker);
        cm_setInfowindow(infowindow);
        marker.setIcon(iconImageOutUrl);
      });
      google.maps.event.addListener(marker, "mouseover", function() {
        marker.setIcon(iconImageOverUrl);
      });
      google.maps.event.addListener(marker, "mouseout", function() {
        marker.setIcon(iconImageOutUrl);
      });
    
      return marker;
    }
    
  • 将函数
    cm_createMarker
    替换为:

    function cm_markerClicked(markerNum) {
    
      var infowindow = new google.maps.InfoWindow({
          content: cm_mapHTMLS[markerNum]
        });
      infowindow.open(cm_map, cm_mapMarkers[markerNum]);
    
      cm_setInfowindow(infowindow);
    }
    
    function cm_createMarker(map, latlng, title, html, rank) {
    
      var iconImageUrl;
      var iconImageOverUrl;
      var iconImageOutUrl;
    
      if(rank > 0 && rank < 100) {
        iconImageOutUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
            "markers/" + param_iconType + "/marker" + rank + ".png";
        iconImageOverUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
            "markers/" + param_iconOverType + "/marker" + rank + ".png";
        iconImageUrl = iconImageOutUrl;
      } else { 
        iconImageOutUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
            "markers/" + param_iconType + "/blank.png";
        iconImageOverUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
            "markers/" + param_iconOverType + "/blank.png";
        iconImageUrl = iconImageOutUrl;
      }
    
      var markerOptions = {
        title: title,
        icon: iconImageUrl,
        map:map,
        position:latlng
      }
    
      var marker = new google.maps.Marker(markerOptions);
    
      google.maps.event.addListener(marker, "click", function() {
        var infowindow = new google.maps.InfoWindow({content:html});
            infowindow.open(map,marker);
        cm_setInfowindow(infowindow);
        marker.setIcon(iconImageOutUrl);
      });
      google.maps.event.addListener(marker, "mouseover", function() {
        marker.setIcon(iconImageOverUrl);
      });
      google.maps.event.addListener(marker, "mouseout", function() {
        marker.setIcon(iconImageOutUrl);
      });
    
      return marker;
    }
    
    并将
    cm_load
    定义为API的回调:

    <script src="http://maps.googleapis.com/maps/api/js?v=3&callback=cm_load">
    </script>
    

    效果很好,非常感谢!我认为可能是不赞成是个问题,但我很难弄清楚如何更新代码。完美的