为什么地图没有出现？

问题描述

我正在尝试了解如何使用ESRI maps api。我正在查看本教程https://www.esri.com/arcgis-blog/products/js-api-arcgis/announcements/migrating-from-google-maps-javascript-api-to-arcgis-api-for-javascript/，但复制示例无效，地图未出现。你知道为什么吗？

我有一个jsfidlde的问题：

https://jsfiddle.net/hreum6wj/

js：

require(["esri/Map","esri/views/MapView"],function(Map,MapView) {
  const map = new Map({
    basemap: "streets-navigation-vector"
  });

  const view = new MapView({
    container: "viewDiv",map: map,zoom: 12,center: {
      latitude: 32.7353,longitude: -117.1490
    }
  });
});

const marker = new google.maps.Marker({
  position: { lat: 32.7353,lng: -117.1490 },title: "San Diego Zoo",map: map
});


view.graphics.add({
  symbol: {
    type: "simple-marker",color: "cyan"
  },geometry: {
    type: "point",longitude: -117.1490,latitude: 32.7353   
  }
});

view.graphics.add({
  symbol: {
    type: "text",color: "#7A003C",text: "\ue61d",// esri-icon-map-pin
    font: {
      size: 30,family: "CalciteWebCoreIcons"
    }
  },latitude: 32.7353   
  }
});


require([ "esri/Map","esri/views/MapView" ],function(
  Map,MapView
) {
  const map = new Map({
    basemap: "streets-navigation-vector"
  });

  const view = new MapView({
    container: "viewDiv",longitude: -117.1490
    }
  });
  
  const contentString = "The <a href='http://zoo.sandiegozoo.org/'>San Diego Zoo</a> " + 
    " in Balboa Park houses over 3,700 animals." +
    "<p><p><img src='https://visitoceanside.org/wp-content/uploads/2013/01/SanDiegoZoo.jpg' alt='San Diego Zoo' height='150'>"; 
  
  view.graphics.add({
    symbol: {
      type: "text",// esri-icon-map-pin
      font: {
        size: 30,family: "CalciteWebCoreIcons"
      }
    },geometry: {
      type: "point",latitude: 32.7353
    },popupTemplate: {
      title: "San Diego Zoo",content: contentString
    }
  });
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）