Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.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
Javascript 自定义标记和原始标记都显示google maps api v3_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 自定义标记和原始标记都显示google maps api v3

Javascript 自定义标记和原始标记都显示google maps api v3,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,由于某种原因,我有两个标记显示 还有一个盒子围绕着整个东西。你知道为什么会出现这些吗 var gmap; function initialize() { var myLat = new google.maps.LatLng(33.991447,-84.09403); var mapOptions = { zoom: 13, center: myLat, mapTypeId: google.maps.MapTypeId.ROADMAP }; var

由于某种原因,我有两个标记显示

还有一个盒子围绕着整个东西。你知道为什么会出现这些吗

var gmap;

function initialize() {

  var myLat = new google.maps.LatLng(33.991447,-84.09403);

  var mapOptions = {
    zoom: 13,
    center: myLat,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  var gmap = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var mapIcon = '../fw/img/map-marker-lowres.png';

  var infowindowContent ='<div class="mapbox"><p><strong>The Arena at Gwinnett Center</strong></p>' + '<p>6400 Sugarloaf Pkwy<br>Duluth, GA 30097<br>(770) 813-7500</p>' + '<a href="http://goo.gl/maps/g3cs0">> get driving directions</a></div>';

  var infowindow = new google.maps.InfoWindow({
    content: infowindowContent,
    maxWidth: 250,

  });

  var marker = new google.maps.Marker({
    position: myLat,
    icon: mapIcon,
    map: gmap
  });

      marker.setMap(gmap);
      infowindow.open(gmap,marker);

}
var-gmap;
函数初始化(){
var myLat=new google.maps.LatLng(33.991447,-84.09403);
变量映射选项={
缩放:13,
中心:迈拉特,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var gmap=new google.maps.Map(document.getElementById('Map-canvas'),mapOptions);
var mapIcon='../fw/img/map marker lowres.png';
var infowindowContent='格温内特中心的竞技场

'+'6400糖块Pkwy
佐治亚州德卢斯30097
(770)813-7500

'+'; var infowindow=new google.maps.infowindow({ 内容:infowindowContent, 最大宽度:250, }); var marker=new google.maps.marker({ 职位:迈拉特, 图标:mapIcon, 地图:gmap }); marker.setMap(gmap); 打开(gmap,标记); }
一般的答案(既然你问了正确的问题)是标准的信息窗口不能按你想要的方式设计。您需要使用第三方库,如或创建自己的自定义信息窗口替换项。

您发布的代码没有显示问题。@geocodezip您还想看到什么?html和css?如果你想得到帮助,你需要发布足够的代码(javascript/html/css)来重现问题。只要你发布了你认为重要的代码(你确实发布了),一个小提琴或一个指向显示问题的实时地图的链接也会起作用。在我看来,你似乎有css问题。这是我看到的,如果我使用你发布的代码(修改为替换图标,而你没有提供):当你说“两个标记都显示”时,你是在询问还是在显示。我在你的照片中只看到一张。谢谢你抽出时间!我感谢你的帮助!想不到!