谷歌地图是灰色的

时间:2016-05-24 14:10:06

标签: html maps

我的谷歌地图脚本在加载页面时是灰色的,当我打开检查器看到的元素时,我认为它的调整大小,你可以吗?谢谢朋友,我期待一个答案。这里你有地图的所有html,然后这包含在div中。奇怪的是,当你调整屏幕大小时,就会被观察到。我需要帮助!!!!

<!DOCTYPE html>
<html>
<head>
<style type="text/css">

#googleMap {
 width: 100%;
height: 600px;
margin-top: 6.5%;
  overflow:visible;

 }
      img, embed, object, video {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
 }



 </style>
 <script src="https://maps.googleapis.com/maps/api/js?      key=AIzaSyCbVI4cT8PjwlmV0pZfK961MGnd6H3aGoY&signed_in=false"> </script>

<script>

 var myCenter=new google.maps.LatLng(39.287649, -0.422548);
var myCenterverd=new google.maps.LatLng(39.287413, -0.422255);
var myCenterroig=new google.maps.LatLng(39.288497, -0.423953);
var myCentergroc=new google.maps.LatLng(39.287766, -0.421604);


 function initialize() {
  var mapOptions = {
   center:new google.maps.LatLng(39.287413, -0.422255),
   zoom:8,
    mapTypeId:google.maps.MapTypeId.ROADMAP,
   //disableDefaultUI: true
    };
    var map=new google.maps.Map(document.getElementById("googleMap"), mapOptions);

  //var marker=new google.maps.Marker({position:myCenter,icon:'gotaico.png'});
   var markerverd=new google.maps.Marker({position:myCenterverd,icon:'../dashboard/include/Mapa/iconosrellenos/gotaicoverd.png'});
   var markerroig=new google.maps.Marker({position:myCenterroig,icon:'../dashboard/include/Mapa/iconosrellenos/gotaicoroig.png'});
   var markergroc=new google.maps.Marker({position:myCentergroc,icon:'../dashboard/include/Mapa/iconosrellenos/gotaicogroc.png'});

   //marker.setMap(map);
  markerverd.setMap(map);
  markerroig.setMap(map);
  markergroc.setMap(map);
 }

 google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

 <body>
 <div id="googleMap"></div>

 </body>
 </html>

1 个答案:

答案 0 :(得分:1)

以下样式似乎导致错误:

echo ------------------------------------------------------------
echo "Macdeployqt et copie de Syphon"
echo ------------------------------------------------------------
${QT_BIN_PATH}/macdeployqt ${PATH_BIN} -verbose=3
cp -Rf /Users/digitalessence/Downloads/Syphon\ SDK\ Public\ Beta\ 2/Syphon.framework  ${PATH_FRAMEWORK}/.

echo ------------------------------------------------------------
echo "Modification of Qt path"
echo ------------------------------------------------------------
install_name_tool -change @rpath/QtXml.framework/Versions/5/QtXml @executable_path/../Frameworks/QtXml.framework/Versions/5/QtXml ${PATH_BIN}/Contents/Frameworks/QtXml.framework/Versions/5/QtXml
install_name_tool -change @rpath/QtCore.framework/Versions/5/QtCore @executable_path/../Frameworks/QtCore.framework/Versions/5/QtCore ${PATH_BIN}/Contents/Frameworks/QtXml.framework/Versions/5/QtXml
install_name_tool -change @rpath/QtWidgets.framework/Versions/5/QtWidgets @executable_path/../Frameworks/QtWidgets.framework/Versions/5/QtWidgets ${PATH_BIN}/Contents/Frameworks/QtWidgets.framework/Versions/5/QtWidgets
install_name_tool -change @rpath/QtCore.framework/Versions/5/QtCore @executable_path/../Frameworks/QtCore.framework/Versions/5/QtCore ${PATH_BIN}/Contents/Frameworks/QtWidgets.framework/Versions/5/QtWidgets
install_name_tool -change @rpath/QtGui.framework/Versions/5/QtGui @executable_path/../Frameworks/QtGui.framework/Versions/5/QtGui ${PATH_BIN}/Contents/Frameworks/QtWidgets.framework/Versions/5/QtWidgets
install_name_tool -change @rpath/QtPrintSupport.framework/Versions/5/QtPrintSupport @executable_path/../Frameworks/QtPrintSupport.framework/Versions/5/QtPrintSupport ${PATH_BIN}/Contents/Frameworks/QtPrintSupport.framework/Versions/5/QtPrintSupport
install_name_tool -change @rpath/QtCore.framework/Versions/5/QtCore @executable_path/../Frameworks/QtCore.framework/Versions/5/QtCore ${PATH_BIN}/Contents/Frameworks/QtPrintSupport.framework/Versions/5/QtPrintSupport
install_name_tool -change @rpath/QtGui.framework/Versions/5/QtGui @executable_path/../Frameworks/QtGui.framework/Versions/5/QtGui ${PATH_BIN}/Contents/Frameworks/QtPrintSupport.framework/Versions/5/QtPrintSupport
install_name_tool -change @rpath/QtWidgets.framework/Versions/5/QtWidgets @executable_path/../Frameworks/QtWidgets.framework/Versions/5/QtWidgets ${PATH_BIN}/Contents/Frameworks/QtPrintSupport.framework/Versions/5/QtPrintSupport
install_name_tool -change @rpath/QtOpenGL.framework/Versions/5/QtOpenGL @executable_path/../Frameworks/QtOpenGL.framework/Versions/5/QtOpenGL ${PATH_BIN}/Contents/Frameworks/QtOpenGL.framework/Versions/5/QtOpenGL
install_name_tool -change @rpath/QtCore.framework/Versions/5/QtCore @executable_path/../Frameworks/QtCore.framework/Versions/5/QtCore ${PATH_BIN}/Contents/Frameworks/QtOpenGL.framework/Versions/5/QtOpenGL
install_name_tool -change @rpath/QtGui.framework/Versions/5/QtGui @executable_path/../Frameworks/QtGui.framework/Versions/5/QtGui ${PATH_BIN}/Contents/Frameworks/QtOpenGL.framework/Versions/5/QtOpenGL
install_name_tool -change @rpath/QtWidgets.framework/Versions/5/QtWidgets @executable_path/../Frameworks/QtWidgets.framework/Versions/5/QtWidgets ${PATH_BIN}/Contents/Frameworks/QtOpenGL.framework/Versions/5/QtOpenGL
install_name_tool -change @rpath/QtNetwork.framework/Versions/5/QtNetwork @executable_path/../Frameworks/QtNetwork.framework/Versions/5/QtNetwork ${PATH_BIN}/Contents/Frameworks/QtNetwork.framework/Versions/5/QtNetwork
install_name_tool -change @rpath/QtCore.framework/Versions/5/QtCore @executable_path/../Frameworks/QtCore.framework/Versions/5/QtCore ${PATH_BIN}/Contents/Frameworks/QtNetwork.framework/Versions/5/QtNetwork
install_name_tool -change @rpath/QtMultimedia.framework/Versions/5/QtMultimedia @executable_path/../Frameworks/QtMultimedia.framework/Versions/5/QtMultimedia ${PATH_BIN}/Contents/Frameworks/QtMultimedia.framework/Versions/5/QtMultimedia
install_name_tool -change @rpath/QtGui.framework/Versions/5/QtGui @executable_path/../Frameworks/QtGui.framework/Versions/5/QtGui ${PATH_BIN}/Contents/Frameworks/QtMultimedia.framework/Versions/5/QtMultimedia
install_name_tool -change @rpath/QtNetwork.framework/Versions/5/QtNetwork @executable_path/../Frameworks/QtNetwork.framework/Versions/5/QtNetwork ${PATH_BIN}/Contents/Frameworks/QtMultimedia.framework/Versions/5/QtMultimedia
install_name_tool -change @rpath/QtCore.framework/Versions/5/QtCore @executable_path/../Frameworks/QtCore.framework/Versions/5/QtCore ${PATH_BIN}/Contents/Frameworks/QtMultimedia.framework/Versions/5/QtMultimedia
install_name_tool -change @rpath/QtMultimediaWidgets.framework/Versions/5/QtMultimediaWidgets @executable_path/../Frameworks/QtMultimediaWidgets.framework/Versions/5/QtMultimediaWidgets ${PATH_BIN}/Contents/Frameworks/QtMultimediaWidgets.framework/Versions/5/QtMultimediaWidgets
install_name_tool -change @rpath/QtGui.framework/Versions/5/QtGui @executable_path/../Frameworks/QtGui.framework/Versions/5/QtGui ${PATH_BIN}/Contents/Frameworks/QtMultimediaWidgets.framework/Versions/5/QtMultimediaWidgets
install_name_tool -change @rpath/QtOpenGL.framework/Versions/5/QtOpenGL @executable_path/../Frameworks/QtOpenGL.framework/Versions/5/QtOpenGL ${PATH_BIN}/Contents/Frameworks/QtMultimediaWidgets.framework/Versions/5/QtMultimediaWidgets
install_name_tool -change @rpath/QtCore.framework/Versions/5/QtCore @executable_path/../Frameworks/QtCore.framework/Versions/5/QtCore ${PATH_BIN}/Contents/Frameworks/QtMultimediaWidgets.framework/Versions/5/QtMultimediaWidgets
install_name_tool -change @rpath/QtNetwork.framework/Versions/5/QtNetwork @executable_path/../Frameworks/QtNetwork.framework/Versions/5/QtNetwork ${PATH_BIN}/Contents/Frameworks/QtMultimediaWidgets.framework/Versions/5/QtMultimediaWidgets
install_name_tool -change @rpath/QtWidgets.framework/Versions/5/QtWidgets @executable_path/../Frameworks/QtWidgets.framework/Versions/5/QtWidgets ${PATH_BIN}/Contents/Frameworks/QtMultimediaWidgets.framework/Versions/5/QtMultimediaWidgets
install_name_tool -change @rpath/QtGui.framework/Versions/5/QtGui @executable_path/../Frameworks/QtGui.framework/Versions/5/QtGui ${PATH_BIN}/Contents/Frameworks/QtGui.framework/Versions/5/QtGui
install_name_tool -change @rpath/QtCore.framework/Versions/5/QtCore @executable_path/../Frameworks/QtCore.framework/Versions/5/QtCore ${PATH_BIN}/Contents/Frameworks/QtGui.framework/Versions/5/QtGui
install_name_tool -change @rpath/QtCore.framework/Versions/5/QtCore @executable_path/../Frameworks/QtCore.framework/Versions/5/QtCore ${PATH_BIN}/Contents/Frameworks/QtCore.framework/Versions/5/QtCore
echo ------------------------------------------------------------
echo "Modification of HeavyM libs path "
echo ------------------------------------------------------------
install_name_tool -change @rpath/QtOpenGL.framework/Versions/5/QtOpenGL @executable_path/../Frameworks/QtOpenGL.framework/Versions/5/QtOpenGL ${PATH_BIN}/Contents/MacOS/HeavyM
install_name_tool -change @rpath/QtWidgets.framework/Versions/5/QtWidgets @executable_path/../Frameworks/QtWidgets.framework/Versions/5/QtWidgets ${PATH_BIN}/Contents/MacOS/HeavyM
install_name_tool -change @rpath/QtGui.framework/Versions/5/QtGui @executable_path/../Frameworks/QtGui.framework/Versions/5/QtGui ${PATH_BIN}/Contents/MacOS/HeavyM
install_name_tool -change @rpath/QtCore.framework/Versions/5/QtCore @executable_path/../Frameworks/QtCore.framework/Versions/5/QtCore ${PATH_BIN}/Contents/MacOS/HeavyM
install_name_tool -change @rpath/QtMultimedia.framework/Versions/5/QtMultimedia @executable_path/../Frameworks/QtMultimedia.framework/Versions/5/QtMultimedia ${PATH_BIN}/Contents/MacOS/HeavyM
install_name_tool -change @rpath/QtNetwork.framework/Versions/5/QtNetwork @executable_path/../Frameworks/QtNetwork.framework/Versions/5/QtNetwork ${PATH_BIN}/Contents/MacOS/HeavyM
install_name_tool -change @rpath/QtXml.framework/Versions/5/QtXml @executable_path/../Frameworks/QtXml.framework/Versions/5/QtXml ${PATH_BIN}/Contents/MacOS/HeavyM
echo ------------------------------------------------------------
echo "Signature of app"
echo ------------------------------------------------------------
codesign --no-strict --deep --force --verify --verbose=4 --sign "Developer ID Application: Digital Essence" ${PATH_BIN}/Contents/Frameworks/fftreal.framework/fftreal
codesign --no-strict --deep --force --verify --verbose=4 --sign "Developer ID Application: Digital Essence" ${PATH_BIN}/Contents/Frameworks/Qt*.framework/Qt*
codesign --no-strict --deep --force --verify --verbose=4 --sign "Developer ID Application: Digital Essence" ${PATH_BIN}/Contents/Frameworks/Syphon.framework/Syphon
codesign --no-strict --deep --force --verify --verbose=4 --sign "Developer ID Application: Digital Essence" ${PATH_BIN}/Contents/PlugIns/*/*
codesign --no-strict --deep --force --verify --verbose=4 --sign "Developer ID Application: Digital Essence" ${PATH_BIN}/Contents/MacOS/*
codesign --no-strict --sign "Developer ID Application: Digital Essence" --deep --verbose=4  ${PATH_BIN}
echo ------------------------------------------------------------
echo "Verify application signing"
echo ------------------------------------------------------------
codesign --deep --verify --verbose=4 -d ${PATH_BIN}
spctl --verbose=4 --assess --type execute ${PATH_BIN} && dropdmg --config-name=heavym ${PATH_BIN}
echo -------------------------FINISHED-------------------------------

删除它们,它将起作用:https://jsfiddle.net/cug0an68/1/

Ps,你可能想要设置一个新的api密钥,因为你已经公开了这个密码